Light/Dark mode on Webflow - Class Adder Webflow Interactions Tool

Learn how to add light and dark modes on your Webflow website.

Useful for giving users the ability to switch between two different UI modes.

Learn how to add custom interactions to your Webflow project with simple javascript using the Finsweet Class Adder.

Check out our docs and walkthroughs.

00:09 - Use Case #5

00:15 - Live example

01:13 - Start of the tutorial

02:26 - The build

02:48 - Finsweet Class Adder

08:38 - The one thing that can’t be done inside Webflow interactions

-----Resources 👇

Class Adder How-To: https://classadder-howto.webflow.io/

Clone site:

Class Adder Interactions tool: https://classadder.webflow.io/Questions?

Need Help? 🤙

Reach out to us: https://www.sweetjs.io/

-----Social Profiles 👥

Facebook: https://www.facebook.com/thatsfinsweet/

Dribble: https://dribbble.com/thatsfinsweetB

ehance: https://www.behance.net/thatsfinsweet/

-----Tags: #Webflow #NoCode #JavaScript #Interactions #LightMode #DarkMode

‍