Dark Mode Switch
Elevate your user experience with Eclipse, a high-performance theme toggle designed for Framer. Beyond just a button, this component offers tactile feedback and a minimal aesthetic that fits seamlessly into any design system. Whether you are building a landing page or a complex dashboard, Eclipse provides the professional polish your users expect.
Butter-Smooth Animations: Built using Framer’s advanced spring physics for a tactile, premium feel.
Fully Customizable: Easily adjust colors, icons, and border-radius via the Properties Panel—no coding required.
Design System Ready: Uses Global Color Styles, allowing it to adapt to your project’s theme instantly.
Lightweight & Performant: Optimized for fast loading and zero layout shift.
Responsive by Default: Works perfectly across Desktop, Tablet, and Mobile breakpoints.
Paste the component into your Framer project.
Attach your theme variables to the component's property controls.
Customize the look and feel using the right-hand sidebar to match your brand's unique aesthetic.
As a certified Framer Expert, I’ve designed this component to be plug-and-play. If you have questions or need a custom modification, feel free to reach out!
Arsalan Ali
