Theme Toggle PLUS

Show Preview
Theme Toggle PLUS
Theme Toggle PLUS

About Theme Toggle PLUS

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.

From Niklas Geisler

AdaptiveLogoSwapper
CircularText D2S
BeforeAfterImage

Related Components

Pulse Button
Shiny Grain Button
Rippler Button
Premium Button