Framer Theme Switcher Light & Dark mode work across all pages

The first Theme Component for Framer that lets you connect your custom Light & Dark frames—just click to switch modes, and your choice is remembered across all pages.

Plug & play: Easy to add—just copy and paste into your Framer project.

• Custom frames: Connect any Light and Dark frame or toggle design you want.

• One-click toggle: Instantly switch between Light and Dark modes with a click.

• System auto-detect: Follows user’s device/browser theme automatically.

• Remembers choice: User’s preferred mode is saved and applies across all pages.

• Cross-page support: Theme stays consistent everywhere on your site.

• Seamless transitions: Instantly updates theme colors and variables for a smooth experience.

• No extra dependencies: Works out-of-the-box with no setup or libraries needed.

• Friendly fallback UI: Shows helpful instructions if frames aren’t connected.

• Clean and efficient: Optimized for performance and removes unused styles automatically.

• Fully customizable: Works with any style, icon, or creative toggle—your design, your way.