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!
@sidneyottelohe Thanks Sidney! Credit all goes to the amazing Webflowers that worked on this. Incredible teamwork — can't wait to see what you build!
Report
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.
Report
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!!!
Amazing! Been waiting for IX2. I'm all ready to include the new interactions to live websites. Thank you, Webflow team. 🙌
Report
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.
Report
@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.
Report
@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.
Report
@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.
I've designed 20 something websites on Webflow. It's my go-to tool. This is extraordinary work right here guys. Congrats!
Report
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
Report
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...
Replies
Design System Sync
Designer Paths
Responsive Screenshots
Design System Sync
PostmastR
Designer Paths
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
Wakeout Kids
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