Animations engine?

I would look into https://github.com/new-data-services/tailwindcss-animated#readme as an example of how using just few classes they do any animations on everything

and this https://github.com/jamiebuilds/tailwindcss-animate

We may consider building something around linear() and scroll-driven animations in the future when they get good support in browsers.

We have solid intentions to add an Interactions/Animations feature and we've discussed GSAP as well.

This will unlock a lot of power for users, but it's less essential than some other things that we have not yet built, so for that reason animations are not a priority at the moment.

Btw I just recently learned that webflow interactions was the biggest reason for webflow's success. I guess designers love that stuff so much!

I also think this s 80% of Framers popularity right now. From what I know they made similar animations simpler to make.

So if we are talking about purely content websites - animations are not important, but when it comes to branding and self-expression - they suddenly become most important.

If we are talking about building for clients and startups, making impressive landing site - most designers will not use a tool that has no ability to animate.

Animations aren't just about visual flair, they also enable the creation of interactive components like animated menus and modals and such

afaik that's why Webflow called them "interactions" rather than "animations"

yes for sure, though a lot of fame came from the scroll-based animations

I've added https://motion.page to a staging site will dm you creds. Might be of value as It's quite a different UX from Webflow's Interactions (though same end goal).

I am def. inteested in learning how the UX differs exactly and whats' more efficient and when vs powerful

I'll dm you the creds too 🙂

Saved for when we are ready to focus on this 👍

Hi guys, I know I am late to the conversation but this thread just came to my mind since framer kicked "page effects" https://twitter.com/framer/status/1727700156227993851 .

I see a big group of animations that could potentially be achieved with css transitions/keyframes/snap + an intersection observer that could already add a lot of "juicyness" to a site withoout shipping a full engine. I se those applied to page transitions... overlays... fade id-out on viewport and so on.

On the other hand I see a different set of animation techniques that get you to the WOW effect, like scrollingtelling, path traveling and so on. I think of tools like Dora (https://www.dora.run/) or Bricks Forge (https://bricksforge.io/).

First group of them, from my point of view are (maybe) easier to get into a visual builder workflow and a extended group of users could see a benefit for them in a wide range of use cases.

On the other hand, trying to cover the full API stuff like GSAP offers + a visual way of editing those seems like a more complex task with lots of edge cases.

As a Webstudio user I would rather appreciate to get earlier to the first one. Lemme know what you think