Skip to content

component

Cool Theme Toggle

By Kulwinder

Details

Summary

Smooth animated day/night toggle

Description

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.

Introduction

Smooth animated day/night toggle

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600175778/148/228/309/79/15
  • All · #7577