Cool Theme Toggle

Smooth animated day/night toggle

The component is designed to provide a visually appealing and highly customizable theme switcher for Framer projects, enhancing user experience with smooth animations and modern light/dark mode visuals.

Key Features

• Animated theme switching between light and dark modes.

• Uses a sliding thumb that moves across the toggle with spring-based animation.

• Displays:

  • Sun and cloud icons in light mode.

  • Moon and star icons in dark mode.

• Supports three sizes: Small, Medium, and Large.

• Includes a disabled state that prevents interaction and reduces opacity.

• Allows extensive color customization for backgrounds, thumb, sun, moon, clouds, and stars.

• Triggers an onChange event whenever the theme changes.