logoTailwind Animations

A curated collection of animations crafted exclusively with Tailwind CSS. Ready to integrate with a simple copy-paste.

Fade In

Fade Out

Fade In Up

Fade In Down

Fade In Left

Fade In Right

Fade Out Up

Fade Out Down

Fade Out Left

Fade Out Right

Slide In Top

Slide In Bottom

Slide In Left

Slide In Right

Slide Out Top

Slide Out Bottom

Slide Out Left

Slide Out Right

Slide Rotate In

Slide Rotate Out

Zoom In

Zoom Out

Rotate 90

Rotate 180

Rotate 360

Rotate In

Rotate Out

Spin Clockwise

Spin Counter-Clockwise

Flip Horizontal

Flip Vertical

Flip X

Flip Y

Flip In X

Flip In Y

Flip Out X

Flip Out Y

Bounce

Swing

Wobble

Pulse

Shake

Tada

Jump

Hang

Roll In

Roll Out

Float

Sink

Sway

Flash

Jiggle

Blink

Pop

Heartbeat

Expand Horizontally

Contract Horizontally

Expand Vertically

Contract Vertically

Rubber Band

Blurred Fade-In

Horizontal Vibration

Rotational Wave

Skew

Vertical Bounce

Horizontal Bounce

Horizontal Tilt

Squeeze

Slide Up with Fade

Bounce with Fade-In

Swing Drop-In

Pulse Fade-In