Discover the best interactive websites created by professional designers. Get inspired and start planning your perfect interactive web design today!

Heco Partners

Heco is the Chicago-based studio of JT Helms and Matt Cowen. We make better user experiences and more interesting brands, and try to find inner peace.

Heco

Jomor Design is a magical land where wondrous branding and web design happens. So let’s never stop amusing ourselves.

Jomor Design

Watch the tutorial for this at https://www.youtube.com/watch?v=Wq5mJIHCDFo

T.RICKS Menu + Slider

Circle is a platform where you can learn everything you need to know to launch a successful e-commerce start up. On such a platform, you can study core topics as management, finance and creating websites.

Circle Website

Сircle Website

Learn how to build this and many other interactions on my YouTube Channel at https://www.youtube.com/watch?v=gSWQPaybNiI

Learn how to build a working CMS Pricing Calculator and other Javascript lessons on my Patreon at https://www.patreon.com/timothyricks

T.RICKS Glassmorphism

A site created for a competition at my workplace. It's still somewhat of a work in progress, I want to continue to make updates on it.

history of animation

Was a little worried that I wasn't going to be able to achieve this effect; the left rail of photos moving with the slider, the text being yellow over the images... it all seemed impossible.

But, as I am constantly finding out, nothing is impossible in Webflow. Made purely with CSS, Interactions, and alot of messing about. Particularly proud of some of the smaller viewport accommodations.

Clone away, and let me know what you think in the comments, or if you're interested in knowing how I made this project come to life.

Strive, "Plaid Dress": https://dribbble.com/shots/6711696-Plaid-Dress

Allfather Hero Slider

Dynamic Hero Slider! - Dribbble Series ft. Strive

Cyboro is a guard for your digital identity.  Stay conscious of your personal security and protect your devices, files, and any data sent via the Internet with Cyboro. Copyright, privacy and digital security on the Web are the issues that humanity is relatively new to. So it’s crucial to have an eye on all the trends and new technology that helps to use the Internet without risk.

сyboro

Cyboro Protection

A live, drawing canvas where you can influence the pixels. 

Interactivity can make visitors feel engaged in a fun way. I used sketch.js for the drawing canvas. Use your cursor or touch to draw right on the screen.

David's portfolio - https://www.davidfiz.com was one of the most pleasant landing pages I've seen, and I wanted to see if I could rebuild it with a touch of design. I have layered lots of interactions on top. Sketch.js is used for the drawing effect.

Sketchable Porfolio

Interactive Sketch Portfolio

Ambient parallax template for portfolio with scroll animation. Custom preloader and fun animation on social network buttons.

Last updated on 17 December 2022.
- Upgraded the classes with the basic principles of the Finsweet Client-First system
- Add Guide Style for your project
- Improved animations

Parallax portfolio

Parallax template

Saw something like this on the WeTransfer website the other day and wanted to see if I could recreate it in Webflow. 

Hover over the stack to fan the cards and show off the beautiful images. Feel free to clone and modify the project. 

Illustrations by - https://dribbble.com/PatrykW

Card Fan on Hover

A labor of love finally completed! I've created a free website template for churches. It's my hope that this will help churches modernize their online experience and come back stronger than ever from COVID-19. This template features dynamic content for Sermons, Events, Staff, and Connect Groups and is ideal for single location churches.

Watch the tutorial at https://www.youtube.com/watch?v=_lgxY3LMR_Y

• Create landing pages in less than 3 minutes for anything
• Old events automatically removed the day after
• Homepage events section disappears when no events are present
• Add a new sermon, event, or connect group site-wide in seconds
• Reuse any page section across multiple pages (update once for all pages)
• Looks exactly the same on 5k screens as it does on Macbook Airs
• Thoroughly planned user experience and interactions
• Dummy proof to manage (from the Webflow Front-End Editor)
• Optimal site speed
• Homepage ministries section disappears when no content is set

Schapel Pro

Free Template for Churches

Cloneable rebuild of https://www.dillinger.tv/

Variable Fonts

Variable Font Interactions

A Montreal company manufacturing high-end custom furniture since 1991.

Loeven Morcel

Slider animation made in Webflow makes design very smooth and fun!

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

A breathtaking slider with ellipse-to-square conversion

Finally finished this sweet styleguide Webflow template. It's perfect to set up your basic styles for the most important elements in your next project! 

✅ 100% CSS
❌ Custom Code
🆓 Cloneable

Feel free to clone this and use it for your next project! ✨

Follow me for more Webflow freebies in the future 💙

Signup for my newsletter to never miss a freebie: 
https://cedricdesign.substack.com/

Stylebook

Stylebook - Styleguide Template

Showcase your app features in a much more interesting way! 

This was a heavily requested cloneable from one of our previous work. Only built using Webflow interactions.

Responsive for ALL breakpoints.

Specific tablet and mobile versions included!

Inspired from: https://timeframe-app.webflow.io/

Discover interactive websites built by the Webflow community

Discover interactive websites built by the Webflow community