วีดีโอ

This animation does not work in safari.

Love how the problematic process is deconstructed... and replaced by a much more manageable solution... thank you!

Very cool! One question though, is it possible to copy that component and also get the linked variables? Imagine that this specific component has some variables in it. Is there a way to copy and paste while keeping the variables at the same time?

Can i clone these into existing projects and add imbeds?

Yoh i can't code but like your videos how do i start?

I didn't knew Framer.motion devs had a Framer CMS

Hard to believe that you didn't get a whole lot more likes for this one. It's a great tutorial!

It breaks when we add more image to it.

This is GOLD, I'll try it out and let you know how it went!

This is awesome, thank you. Similarly how to create Data client app?

More Matter.js PLZ!

REMs its not good solution to responsive matter. When You setup H1 line height in %, for example 115% then you can jump -115%, 230% and etc and NOW IS RESPONSIVE

Thanks Bae for a fantastic tutorial. Is there a way to enable it only for a sepcific section? I'm trying to change the cursor on a slider, to indicate that the user can drag it.

I'm confused because we don't see what's in the first to full-page divs.

Can you do this without webflow?

really cool ideas

This was so useful thank you!! Is there any way to get the data from airtable?

This is the best organized , and easiest to understand, video I've seen on horizontal scrolling in Webflow. I'll probably make use of this soon.

Love this video. I'm all Webflow but looking to learn Framer for specific clients. One key thing Framer offers which Webflow doesn't, is local pricing. So while the Mini plan may be $5 / month, in Turkiye it's 75 TRL = ~ $2.25 today.

Been using Webflow since early 2022. I’m too neck deep to leave now

The main reason Framer fails compared to Webflow is Webflow allows you to export your website code. Framer offers one of the best systems for developing a really beautiful website really fast. The problem is everything is locked down inside of Framer's native system. I can't export that code and use it anywhere else because a code export option doesn't exist in framer. From a professional use standpoint, this makes Framer useless.

Nice shirt! Deserves the spotlight.

For a clean fluid sizing, I love using clamp() to control a min and a max. And in the middle of the clamp I use à calc() to control how much the size is relative to the screen size. About accessibility and design, fontSize and spacing have to scale in a smart way.

So fun and unique!

Instead of displaying on the DIV, it became a link and opens the CMS template page. Please help me. 😩😩😫

you are cool dude, thanks

Here is the thing with this though... it seems that this runs me into an issue. example: A blog folder which nests the blog articles, makes it difficult to create a blog home page. a folder named blog does not allow you to bring in a blog homepage named "blog." which would be ideal.

The first thing that puts me off from webflow is, where is the infinite canvas? Its such an obvious thing to have from a design point of view. Entering webflow, you are literally stuck on one screen in full 100% zoom. No room to move around. No freedom to ideate. Its feels so limiting and restrictive, and is really counter intuitive for a designer. Framer provides you the infinite canvas just like Figma, Sketch, and pretty much any other modern ui/ux tool. Where you can place things around your screen, move them freely, discard them, choose what to keep and what not, iterate etc. Webflow seems like when you have pretty much done everything in another tool, and just want to convert that design into a real website, knowing exactly what item to place where. There is no room for ideation.

awesome

is there any method to do that without using custom code? I'm using free plan😬

framer just sucks bad

can i use it with sticky elements, which bigger than 100vh, how to add usable scrolling? ty for video and answer! really helpfull!

I'm a frontend dev with alot of gsap experience, still I do like your content. Explained really well, from the start, so everyone gets it. Good job. Just curious, i'm rather new to Webflow development, how do you code this? All in the code editor? With no autocompletion/format on save, etc? I saw some ppl use codesandbox before to hijack the code into the staging build, but does it still work?

This parallax has opposite properties from real physics 🤪 Bigger photos are closer and should scroll faster - at least in our universe. Maybe powered by anti-matter here. Web Bae rewrites the rules of physics!

This saved me hours of editing. Would be cool if we had a similar UI for editing page settings too

nice

Is there anyway to include gifs in the image trail?

I had added this onto my home page just fine, but when duplicating it to other pages, it doesn't work and is just a stagnant white dot- how can i fix this?

6.9K Quality views

Hey I created the same way but my blog home page is getting redirected s /blog/blog

It's amazing that you were able to pack so much into a 5 minute tutorial.

This don't work with Starter Account (free account), right?!

how to disable p5.js on mobile?

That’s amazing! How can we pass multi reference fields back to Airtable or straight from Webflow form to Webflow CMS!? Thank you!

ive recently done a similar effect, with blur applied to shapes and animating it when scrolled into view. It's worth noting it works pretty well on Safari and Arc, but on Chrome it's EXTREMELY laggy. it would be good to know if anyone else has experienced it?

Love it!

I would've never guessed that an infinite marquee could be so difficult. Getting it responsive was the difficult part. I saw both of your videos and chose GSAP. I'm a big fan and I most definitely will have some of their CDNs loaded. Thank you very much for your great work! 😃

Amazing - works really well. Thank you!

Hey! Which languages are supported?