A fully customizable Light/Dark mode toggle with smooth transitions , built entirely in Framer .
Make it with Workshop
Build your own component with AI
Let your visitors switch between day and night with a sleek, interactive toggle that’s fully customizable and built entirely in Framer.
✨ What This Component Does
Adds a Light/Dark mode toggle to your project
With each click, “night” elements fade out and “day” elements slide in smoothly
Fully functional without any external code
Works seamlessly across all pages and layouts
🎨 Easy Customization You can control:
Which elements appear in Dark/Light mode
Images, and Shadows for each mode
Animation speed and style of transitions
Complete styling and behavior directly in Framer no coding required