Animated Toggle Switch
A smooth toggle switch with satisfying micro-animation.
Adjust the preview
Every choice updates the preview and the wording below.
Size
Style
Animation
Labels
Your prompt
Highlighted values follow your choices — click one to write your own.
Create an animated toggle switch with medium (48px wide) size and iOS-style rounded styling. The knob transitions with a bouncy spring animation. Include sun/moon icons for light/dark theme to indicate state. Use CSS transitions for the slide and background color change. Make it accessible with proper ARIA attributes.
Paste it into Claude, Cursor, or v0 along with the context for your project.