Theme Toggle
A ready-to-use dark mode toggle for your site. Choose between a button or switch, and style it your way — no code needed.
Make it with Workshop
Build your own component with AI
Dark Mode Toggle for Framer
Let your visitors switch between light and dark mode — with a clean, modern toggle that works right out of the box.
---
✨ What This Component Does
- Adds a light/dark mode toggle to your website
- Lets you choose between a simple button or a smooth switch
- Matches the site’s theme automatically (light, dark, or system)
- Works with Framer’s built-in theming — no coding needed!
---
🎨 Easy Customization
You can control:
- The style of the toggle (Button or Switch)
- The icon color and background
- The size and shape of the switch
- Smooth animation when switching (Switch type only)
All settings are easy to adjust inside Framer — no code or setup required.
