Theme Toggle PLUS: Free Interactions Component by Niklas Geisler

Marketplace Components Categories Interactions

A customizable Framer theme toggle for switching between Light and Dark Mode. Uses uploaded assets for the toggle, saves theme preferences, and works with "AdaptiveLogoSwapper" for theme-based logo/image changes.

About this Component

The Theme Toggle PLUS adds a customizable Light/Dark Mode toggle to your Framer website. 🌗Instead of using a fixed toggle design, you can upload your own visual assets for the toggle, giving you full control over how the Light and Dark Mode states look. ☀️🌙

When users change the theme, the component applies the selected mode directly to the page, saves the preference in LocalStorage, and dispatches a theme-change event for connected components. This keeps the selected theme active after page reloads and makes the setup feel smooth and consistent. ⚡

⚠️ Important Note: For the matching visual setup, there is also the "AdaptiveLogoSwapper", which automatically changes logos or images depending on the active theme — just like shown in the demo.Together, both components create a polished Light/Dark Mode experience for Framer projects, from theme switching to dynamic logo and image swapping.