Theme Changer Component
Theme Changer
Add a light and dark mode toggle to your Framer site with automatic system theme detection.
One Toggle For Light And Dark Mode
Theme Changer gives your site a working light and dark switch. It also reads the visitor’s system setting on first load, so someone browsing in dark mode lands on your dark theme without touching anything.
How It Works
Place the component in your navigation or footer, choose between a button style and a switch style, and set the colours from the property panel. The visitor’s choice carries across pages.
Where To Use It
Site headers, footers, documentation pages, dashboards, and portfolios where night time readability matters.
Good To Know
The component is free and works alongside Framer’s own colour styles, so your existing light and dark tokens keep functioning.
MORE PRODUCTS
More From the Library
Templates, components and plugins built by the same team, ready to drop into your next project.
HCaptcha for Form
$4
Form Spam Protection
Typewriter Effect
Free
Text Animation Component
Countdown
Free
Time Countdown Component