LogoTodoList

Animation System

Slide Up

Element slides up into view

animate-in slide-in-from-bottom duration-800
Sliding Up

Fade In

Element fades into view

animate-in fade-in duration-800
Fading In

Slide In Right

Element slides in from the left

animate-in slide-in-from-left duration-800
Sliding from Left

Scale Up

Element scales up into view

animate-in zoom-in duration-800
Scaling Up

Spin

Element spins continuously

animate-spin
⚙️

Bounce

Element bounces up and down

animate-bounce
Bouncing

Pulse

Element pulses with opacity

animate-pulse
Pulsing

Ping

Element pings with scale

animate-ping
Pinging

Animation Examples

Interactive Button

Loading State

Loading...