Theme Toggle PLUS

The Theme Toggle PLUS adds a customizable Light/Dark Mode toggle to your Framer website.

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.

Light/Dark Toggle for Framer