Webflow
Create custom, responsive websites, visually
Start new thread
brryant

Webflow Interactions 2.0 - Design and build web animations and interactions

by

Webflow Interactions 2.0 is an intuitive way to build animations and interactions on the web — visually.

Add a comment

Replies

Best
brryant
Hunter
Hey, Product Hunt! I’m Bryant, CTO at Webflow. We’ve been working on Interactions 2.0 as a brand-new way for designers and developers to build website animations and interactions visually — and I’m so excited to share it with all of you today. With this release, we’re extending the possibilities of what you can visually create on the web. Best of all, you can experience every bit of the feature with our Starter plan — absolutely free. Some highlights: - Create scroll-based parallax animations. Parallax may be so 2014 ... but we think there’s still a place for it in modern web design. You can animate and move elements based on scroll position, and create some powerful effects. - Mouse-based interactions. Use the mouse’s X and Y coordinates to control how other elements move and rotate. - Timeline-based animations. You can create Keynote-like animations and see exactly how and when elements will move. Group various interactions with each other and preview them live in the browser. All of this opens up the possibilities of what you can do in Webflow. So we created a little launch page as a proof of concept. (And decided to turn it into a History of the Web at the same time.) Check it out and try out Webflow IX2!
Ran Segall
@bryantchou proud of you guys!
CT
Congrats on the release. I'm now at the point where if a client wants to work with Wordpress rather than Webflow, I drop the client and proceed to fulfill the needs of clients who want beautiful, powerful, easily-updated websites in Webflow. It's simply more time and cost effective for me to do it this way. With the release of Interactions 2.0, it's seriously like giving Harry Potter a wand for Webflow's users. If you're a designer or a front end web developer and aren't using Webflow yet, it's your loss. Catch up.
Ghost Kitty
Comment Deleted
Sidney Ottelohe
You guys are killing it - this is a game changer, congrats @bryantchou and the rest of the team!
brryant
Hunter
@sidneyottelohe Thanks Sidney! Credit all goes to the amazing Webflowers that worked on this. Incredible teamwork — can't wait to see what you build!
John Higgins
I wish I could communicate to people how amazing webflow is. It is so unlike other visual website builders because of the low level of abstraction, clean code, and attention to detail. Webflow can do 99% of what 99% of web designers need.
Ben Parker
I was able to play with IX2 in beta and it’s absolutely amazing! Strong work, Webflow Team!! Can’t wait to put some IX2 animations into live sites!!!
Ayush Mittal
Amazing! Been waiting for IX2. I'm all ready to include the new interactions to live websites. Thank you, Webflow team. 🙌
Marc Olivier Lapierre
Unfortunately it's too late for me. I jumped the ship long ago. I spent way too much time finding workarounds for basic features that aren't included (pagination anyone? one of the most basic stuff). Went back to hand-coding. Much better.
Justin Mitchell
@marclap I'd definitely say to give it another shot. If anything we build about 90% of a website in Webflow, export it out, and then hand code the extra bits. It has cut our dev time down considerably. As @seetravers said, I won't even take on a Wordpress client anymore. I either build it in this and force them to host with me as part of the contract (so they can leverage the CMS side of webflow) or we just build simple landing pages in it and export the code out when we're done.
Marc Olivier Lapierre
@itsthisjustin Thanks for your input. I'll definitely take a look at it again. I thought about doing 90% of the work in Webflow and exporting but I had concerns about maintainability. What happens when you need to change a few things in Webflow but you hand-coded some stuff over it? Sounds like a headache but maybe I just haven't found the right way yet.
Justin Mitchell
@marclap we don't go back into webflow again unless we haven't made any changes out of it. For instance we just finished 131.com in webflow but whenever the client requests a change to the copy, I make it in webflow and then export it out again. For other sites like CHDR.com, we made the site in webflow and then added some custom JavaScript and then never touched it again in Webflow after that.
Ran Segall

Ive had the pleasure to use it on the beta, and had great results super fast. It’s amazing.

Pros:

Super intuitive and easy to use

Cons:

None that I can think of

Pedro Wunderlich
I've designed 20 something websites on Webflow. It's my go-to tool. This is extraordinary work right here guys. Congrats!
Craig Keeling

Having to code what you're able to create visually would take double/triple the time.

Pros:

Powerful visual editor for web animations

Cons:

None that I've seen yet

Dino Scheidt
Without strong multi-language support of the CMS, this is pretty hard to adapt (or am I missing something?). But anyhow, what is the code quality of the generated websites? Hosting is indeed ridiculous expensive, contrasting that static hosting is pretty much free as of today...
Rick Terrill
Dat landing page! zomg.
Csaba Kissi
This is simply amazing. I like the retro landing page too.
Norbert Dragán
I love Webflow. Thanks to it I have a way better understanding of HTML/CSS and it enabled me to up my freelance game with a magnitude. Excited to try this release. Thanks, guys!
Corey Abramowitz
Great work here guys. Seriously love what you do. 🔥
Dominik Stec
Simply amazed by this :) Love that now, the interactions can be assigned based on media-queries :) thanks, guys! 🐋
nusu
Wow, It's time to leave animations to webflow handcoding is waste of time now.
Jason Gipson

Still no native search, still not pagination for CMS.

Pros:

It's cool

Cons:

Webflow opted for a years work on this over core functions

Jawa Barat