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

Azwedo Templates

Shanghai is built and created with an elegant design and sophisticated style that gives your consumers a unique experience.

Shanghai - Mobile Webflow Template

Nube

A quick card stacking effect on click as part of our daily GSAP challenge

✦

Need help with your next Webflow project?
Visit https://www.wearenube.xyz/
Or let's talk at https://book.morgen.so/stefan04/meet

Card stacking effect with GSAP Flip / GSAP daily 11/50

Timothy Ricks

Power-Up: CMS List Sync

Webflowtips

The menu from minmum.studio is super fun so I decided to recreate something similar in Webflow. To create the sound effect I used the same technique used on my previous clonable https://www.webflowtips.com/b/how-to-add-audio-sounds-to-buttons

All the other animations are done entirely in Webflow.  

Two important things:

1. Make sure you publish the project for the sound to work.
2. Remember to host the audio file in your own server. The file used in the clonable will be removed, so if you use it for your own project it probably won’t work :(

Sign up for the lesson: http://www.webflowtips.com/b/how-to-animate-a-menu-button-with-sound-effect

If you have any questions feel free to comment.

P.S Like or follow if this was useful for you 🙂 🙌

 Menu with Sound Effect

Duncan Hamra

Check it out!! 

100% native Webflow tooltips that are easy to use and customize. I've tried using custom code solutions in the past, but they limited my design control and I often broke them. These aren't simple (per se) but they are easy to work with once you know how to handle them. 

I hope they serve you well!

Native Webflow Tooltips

Sami Boukhari

Small Webflow build with simple card animations to make your website more interactive and enjoyable :)

Animations ideas have been taken from June.so's website. Cheers to them!

Enjoy!

[Cloneable] Cards Animations

Master Flowmaker

Quotes Slider

62 - 100 days of @webflow interactions

#62 Quotes Slider

Inspired by Lundqvist & Dallyn for Hyper Science 

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

010 - 100 Days of Webflow Interactions

Step Labs

Clone the project, copy the code and confetti away!!!

cloneable2

I've been asked a number of times how we built the old Memberstack 1.0 hero animation. Finally getting around to making it clonable! If you have any questions, just let me know. 



Memberstack Homepage from 2020

Figmatic Webflow Development Agency

Adding Style and Interactivity to Your Website.

Card reveal animation is a popular design trend that can add a touch of style and interactivity to your website. This technique involves hiding content behind a card or tile and revealing it when the user clicks over it. It's a great way to create a more engaging user experience, as it encourages users to explore your website and interact with your content.

Figmatic, based in Bangalore, India, specializes in Webflow development and has extensive experience in implementing animations and interactions.

Card Reveal Animation

A quick and fun light-to-dark mode switch animation for our daily GSAP challenge 21/50.

✦

Need help with your next Webflow project?
Visit https://www.wearenube.xyz/
Or let's talk at https://book.morgen.so/stefan04/meet

Light to dark mode switch animation / GSAP daily 21/50

Here is a fun interactive menu for your projects. 

✔ Animations using Webflow
✔ Client First v1

Sign up for the lesson: http://www.webflowtips.com/b/how-to-create-nav-menu

If you have any questions feel free to comment.

P.S Like or follow if this was useful for you 🙂 🙌

Nav Menu #1

Luci Yamaji

Hi guys,
Here is how I start to implement Lottie Interactivity on my websites.

I hope it helps you too.

Enjoy!

Lottie Interactivity & Segments

Inspired by Erretes for Seedtag

------------------------------------------------------------- 

Work at a design firm looking for a Webflow dev team for your next brand project? Let’s chat

🔷 https://calendly.com/bookmark-wf/webflow-chat

 -------------------------------------------------------------

013 - 100 Days of Webflow Interactions

Memberstack

Saw a forum discussion asking for an easy way to open/select a Webflow tab onHover instead of onClicked, so I whipped up a really quick MemberScript to help. 

All you have to do is add the attribute ms-code-onhover="click" to your tabs. 

This script will work anytime you want to turn a hover event into a click event. 

Video in the project. Link to MemberScript #79. www.memberstack.com/scripts/79-click-onhover

Switch Tabs onHover

Reel Unlimited

Want to know how to add an Intercom custom launcher to your Webflow website? Follow these steps: clone the template, copy it, replace the Intercom workplace app ID with your own, and publish.

Intercom Guide: https://www.intercom.com/help/en/articles/2894-create-a-custom-launcher

————

Like this project or want unlimited custom Webflow websites for you or your clients?

Buy 1 month of unlimited graphic design at Reel Unlimited:
-> https://www.reelunlimited.com/

Upvote on Product Hunt
-> https://www.producthunt.com/products/reel-unlimited

Follow us on Twitter:
-> https://twitter.com/reelunlimited
-> https://twitter.com/santhiaroo

Intercom Custom Launcher

Everything Design

This is recreation of GeoSpace website but using CMS.

Discover clickinteraction websites built by the Webflow community

Discover clickinteraction websites built by the Webflow community