Utils & Transitions
Advanced interaction utilities and micro-animations for polished, responsive interfaces.
Popper + ClickAwayListener (Fintech: Currency Converter)
Collapse (Aviation: Flight Layover Details)
LX 318
ZRH → LHR · 1h 50m
SQ 26
SIN → FRA · 12h 35m
EK 87
DXB → JFK · 14h 10m
Fade
System Notification
Alert: Scheduled maintenance window begins at 02:00 UTC. All trading services will be temporarily unavailable for approximately 30 minutes.
Slide
Grow
Custom origin (top-left)
Origin: 0 0 0
Grows from top-left corner
Default origin (center)
Default Center
Grows from center
Combined Transitions
Fade
Grow
Slide
Collapse