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

CMS List Sync

Power-Up: CMS List Sync

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

nf-daily-11

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

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!

Webflow Tool Tips

Native Webflow Tooltips

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 / audio

 Menu with Sound Effect

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!

Cards Animations

[Cloneable] Cards Animations

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. 



2020 MemberStack Homepage

Memberstack Homepage from 2020

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.

Show More Animation

Card Reveal Animation

Bookmark

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!!!

Amazing Confetti Animation

cloneable2

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

nf-daily-21

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

Quotes Slider

62 - 100 days of @webflow interactions

#62 Quotes Slider

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

I hope it helps you too.

Enjoy!

Lottie Interactivity

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

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

#13 Staggerd Stats Circle Radius

013 - 100 Days of Webflow Interactions

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

Nav Menu #1

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

Discover clickinteraction websites built by the Webflow community

Discover clickinteraction websites built by the Webflow community