Nova Theme Toggle

An advanced theme toggle with a sliding selector and dynamic transitions, built to switch between Light, Dark, and System effortlessly.

Features

• Light, Dark, and System modes for flexible theme control.

• Standard and single-switch layouts for flexible theme selection.

• Two-mode and three-mode options for choosing whether to include System.

• Framer-selected starting mode for setting the theme new visitors see.

• Saved theme selection for restoring a visitor’s choice after reload.

• System preference support for following the visitor’s device theme.

• Outward wipe, inward wipe, and cross fade for distinctive theme transitions.

• Framer transition controls for adjusting timing and motion.

• Reduced-motion support for switching themes without animation when preferred.

• Unified color, border, and shape controls for matching the toggle to your brand.

How to Use

• Drag Nova Theme Toggle onto your page.

• Set its starting theme, connect your color styles, and adjust the animation.

• Publish your site, then review the theme toggle in the live browser.

Refine each theme change into a smooth, polished interaction.