Skip to main content
WidgetExamples Logo
Explore / Animations / MP04
All 17 Animation Labs
MP04 • Feedback patterns Tested on Flutter 3.24.3

Elastic Toggle

Thumb and track reflect a boolean preference with bounded overshoot

Open in Full Studio
Labs:
MP04Elastic Toggle• Web Motion Study
Click the switch to trigger an elastic overshoot transition
Value: FALSE (Disabled)
MP04

Elastic Toggle

Thumb and track reflect a boolean preference with bounded overshoot

Toggle Preference
Enabled or disabled state
500ms
💡 Architecture Note: In Flutter, AnimatedAlign with Curves.elasticOut gives the thumb a tactile overshoot as it snaps into place.