Animated Toggle

A toggle switch component with smooth animations and multiple variants including morph and icon transitions.

Last updated: February 17, 2026

Installation

npx smoothui-cli add animated-toggle

npx smoothui-cli add animated-toggle

Three variants: default (smooth sliding), morph (shape changes during travel), and icon (transitions between icons)
Three sizes: sm, md, and lg
Controlled and uncontrolled modes
Smooth spring animations with Motion
Icon variant supports custom icons with crossfade and scale transitions
Morph variant animates borderRadius during travel
Full keyboard accessibility (Space/Enter to toggle)
Proper ARIA attributes with role="switch" and aria-checked
Respects reduced motion preferences
Disabled state support

Animated Tabs

A tabs component with smooth sliding indicator animations and multiple variants.

Animated Tooltip

A spring-animated tooltip component with smooth enter/exit transitions and multiple placement options.