Motion Components
Animation Examples
FadeIn
Default
Slow (2s)
Tween
Jump
Default
More bounce
Scale 0→1
Slide
SlideDown
SlideUp
SlideLeft
SlideRight
Motion (generic)
Hover me
Rotate hover
Float hover
Tilt
Default (15°)
Subtle (8°)
Intense (25°)
StaggerList
Each child enters after the one before it. The children are cloned to carry their own delay rather than wrapped, so the rendered markup is the one written — the li stay the list's items and the badges below stay the grid's cells. Delays are in milliseconds.
List
- Item 1
- Item 2
- Item 3
- Item 4
Grid
primary
secondary
accent
neutral
Text Animations
LetterReveal
WordReveal
Unebibliothèquedecomposantsmodernepourvosinterfaces
ScrollReveal
Faites défiler vers le bas pour déclencher les animations.
Fade up (default)
Slide from left
Slide from right
Replay on scroll (once=false)