Tailwind CSS Animation Gallery
A handpicked set of animations built entirely with Tailwind CSS — easy to use, just copy and paste.
Fade In
Fade Out
Slide In Up
Slide In Down
Slide In Left
Slide In Right
Scale In
Scale Out
Bounce In
Rotate In
Flip In X
Flip In Y
Zoom In
Zoom Out
Pulse
Heartbeat
Shake
Wobble
Rubber Band
Jello
Swing
Tada
Flash
Light Speed In Right
Light Speed In Left
Roll In
Jack In The Box
Hinge
Back In Up
Back In Down
Back In Left
Back In Right
Rotate In Down Left
Rotate In Down Right
Rotate In Up Left
Rotate In Up Right
Slide Out Up
Slide Out Down
Slide Out Left
Slide Out Right
Bounce Out
Flip Out X
Flip Out Y
Float
Blur In
Blur Out
Spiral In
Spiral Out
Matrix
Glitch
Morphing
Wave
Tilt
Squeeze