A premium collection of on/off switches with smooth thumb sliding, color morphing, and optional glow/shadow for instant state clarity. Supports solid, outline, gradient, glassy, and neumorphic looks, plus locked/disabled variants with padlock badges. Built for real forms and settings: keyboard-accessible, screen-reader friendly, and fully themeable for light/dark UI.

Functionality

• Natural drag/tap interaction with spring-physics thumb, ripple, and optional haptics

• Visual states: off/on, hover, focus, pressed, disabled, locked, loading (spinner/ghost)

• Styles: solid/outline, gradient, soft shadow, neon glow, glass, neumorphic

• Size & layout controls (XS–XL), left/right labeling, icon-in-thumb, badge indicators

• Form bindings: controlled/uncontrolled modes, validation, onChanged, async guard (wait/rollback)

• Group helpers: master toggle, dependent toggles, persistent default values

• Accessibility: ARIA switch role, proper semantics, Tab/Space/Enter keys, focus ring

• Internationalization: RTL support, localizable labels, Reduce Motion mode

• Performance: GPU-friendly animations, layer caching, 60fps in long lists

Use cases

• App Settings: privacy, notifications, dark mode, biometrics

• Commerce: availability toggles, “subscribe & save,” quick enable/disable flags

• Admin/ops dashboards: feature flags, maintenance mode, access controls

• IoT/Smart home: device power, automation rules, room scenes

• Media/streaming: autoplay, downloads over cellular, data saver

• Forms & onboarding: quick binary preferences with clear feedback

Keywords
toggle switch, iOS switch, Android switch, on/off control, sliding thumb, glow, outline, gradient, neumorphic, glassy switch, locked state, disabled state, loading state, async toggle, haptic feedback, keyboard navigation, ARIA switch, accessibility, RTL, reduce motion, theming tokens, dark mode, responsive UI, Flutter widget, FlutterFlow component, high performance, modern settings UI.