Toggle
A two-state button that can be either on or off with smooth, organic styling.
Basic Usage
Bold is off
Text Formatting
Animated Icon Transitions
Toggles with smooth icon swap animations using framer-motion.
Animated Favorites
Toggles with bounce, sparkle, and slide animations.
Theme Toggle
Smooth background and icon transition for theme switching.
Mic Toggle with Pulse
Pulsing animation indicates active recording state.
Variants
All variants now have visible backgrounds in the unpressed state.
Default
Outline
Surface
Ghost
Primary
Destructive
Alignment Controls
Sizes
Disabled State
Music Player Controls
Toggles with animated icon transitions for media playback.
Now Playing
Artist - Song Title