Skip to content
</>
htmltool
.io
Animations
Patterns
Icons
Docs
Search
⌘K
Search htmltool.io
Search animations, patterns and icons
Sign in
Sign up
Animations
Animations
Every tile is the real CSS class from the CDN. Only tiles on screen animate. Open one for timing controls and snippets.
Loading animations…
Animations · 1,510
Animations
Every tile is the real CSS class from the CDN. Only tiles on screen animate. Open one for timing controls and snippets.
Dots ×5 · Bounce · Slow
Loaders
loop
Dots ×5 · Pulse · Fast
Loaders
loop
Dots ×5 · Pulse · Normal
Loaders
loop
Dots ×5 · Pulse · Slow
Loaders
loop
Dots ×5 · Fade · Fast
Loaders
loop
Dots ×5 · Fade · Normal
Loaders
loop
Dots ×5 · Fade · Slow
Loaders
loop
Dots ×5 · Grow · Fast
Loaders
loop
Dots ×5 · Grow · Normal
Loaders
loop
Dots ×5 · Grow · Slow
Loaders
loop
Bars ×3 · Equalizer · Normal
Loaders
loop
Bars ×3 · Equalizer · Fast
Loaders
loop
Bars ×3 · Fade · Normal
Loaders
loop
Bars ×3 · Fade · Fast
Loaders
loop
Bars ×3 · Wave · Normal
Loaders
loop
Bars ×3 · Wave · Fast
Loaders
loop
Bars ×5 · Equalizer · Normal
Loaders
loop
Bars ×5 · Equalizer · Fast
Loaders
loop
Bars ×5 · Fade · Normal
Loaders
loop
Bars ×5 · Fade · Fast
Loaders
loop
Bars ×5 · Wave · Normal
Loaders
loop
Bars ×5 · Wave · Fast
Loaders
loop
Bars ×7 · Equalizer · Normal
Loaders
loop
Bars ×7 · Equalizer · Fast
Loaders
loop
Bars ×7 · Fade · Normal
Loaders
loop
Bars ×7 · Fade · Fast
Loaders
loop
Bars ×7 · Wave · Normal
Loaders
loop
Bars ×7 · Wave · Fast
Loaders
loop
Ripple ×1 · Fast
Loaders
loop
Ripple ×1 · Normal
Loaders
loop
Ripple ×1 · Slow
Loaders
loop
Ripple ×2 · Fast
Loaders
loop
Ripple ×2 · Normal
Loaders
loop
Ripple ×2 · Slow
Loaders
loop
Ripple ×3 · Fast
Loaders
loop
Ripple ×3 · Normal
Loaders
loop
Ripple ×3 · Slow
Loaders
loop
Orbit ×1 · Fast
Loaders
loop
Orbit ×1 · Normal
Loaders
loop
Orbit ×1 · Slow
Loaders
loop
Orbit ×2 · Fast
Loaders
loop
Orbit ×2 · Normal
Loaders
loop
Orbit ×2 · Slow
Loaders
loop
Orbit ×3 · Fast
Loaders
loop
Orbit ×3 · Normal
Loaders
loop
Orbit ×3 · Slow
Loaders
loop
Morph · Square to Circle · Fast
Loaders
loop
Morph · Square to Circle · Normal
Loaders
loop
Previous
1
2
3
Next
118 animations
All
Entrances
444
Exits
280
Attention
195
Loaders
118
Text
95
Hover
103
Backgrounds
63
3D
44
Paths
72
Colors
58
Sequences
38
All
Classic
10
Ring
12
Dots
36
Bars
18
Ripple
9
Orbit
9
Morph
12
Progress
6
Flip
6