Animated Toggle Switch

InteractionsLive Preview

A smooth toggle switch with satisfying micro-animation.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Size

Style

Animation

Labels

Your Prompt

abcclick to edit

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.