Theme Toggle
A ready-to-use dark mode toggle for Framer. Choose between a button or switch, customize the style, and add light/dark mode to your site — no code required.
Make it with Workshop
Build your own component with AI
Dark Mode Toggle for Framer – Add Light/Dark Mode to Any Site (No Code)
Let your Framer visitors instantly switch between light and dark mode. A clean, modern theme toggle that installs in seconds — no coding needed.
✨ What This Framer Component Does
Adds a fully-working dark mode toggle to your Framer site
Choose between a simple button or a smooth animated switch
Supports light, dark, and system theme preferences
Works with Framer’s built-in theming and SSR
100% visual controls — no code, no setup
🎨 Easy Customization (Right Inside Framer)
Customize everything directly from the right panel:
Button or Switch style
Icon & background colors
Size, padding, radius
Smooth toggle animation
Auto-match Framer’s color styles
Perfect for templates, client sites, portfolios, SaaS pages, and more.
🧩 Why You Need This
Framer doesn't offer a native theme switcher — this component gives you:
Better user experience
Professional-level UI
Faster build time
A fully accessible, ready-to-use theme toggle
Works on every page without editing code
🔑 Licensing
Single License: Use on 1 project (personal or client).Agency License: Unlimited projects, client work, and templates ($99) at checkout
