Theme Changer

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.