MUDASIR
Back to Components

Toggle Switch

Smooth toggle switch with spring animation. Perfect for settings, preferences, and boolean options.

Loading component...

Usage

Copy the component code and paste it into your project. Make sure you have the required dependencies installed:

npm install motion lucide-react

The component uses CSS custom properties for theming. Customize the colors by modifying the --theme-color-* variables.

Let's Build++++

Have a project in mind? Let's work together to create something amazing.

Mudasir Fayaz

● Available for freelance & remote work

20+

Projects

10+

Clients

Tech Stack

ReactNext.jsTailwind CSSFramer MotionSupabaseMongoDB

Tools

VS CodeGitHubGitVercelCloudflare

Social Links

Message Me

MUDASIR

Building digital experiences that make a difference. Let's create something amazing together.