Animate.css vs Clarity
Head-to-head usage across the sites we track.
Top sites by authority
Animate.css · Clarity · how many of each technology's sites sit in the web's highest authority tiers
Open Page Rank 9+
59
0
Open Page Rank 8+
810
10
Open Page Rank 7+
3,052
17
Open Page Rank 6+
6,035
24
Open Page Rank 5+
11,137
27
Open Page Rank scores 0 to 10 from the open web link graph; 9+ covers only a few hundred domains worldwide.
By country
Animate.css · Clarity · share of sites in each country using one or the other
United States
141,957
73
India
88,802
54
Brazil
65,075
30
Germany
64,757
59
Italy
50,652
47
United Kingdom
48,133
47
France
45,785
43
Spain
40,200
40
Audience countries from the Chrome UX Report, top markets of either technology.
Real user performance
| Metric | Animate.css | Clarity |
|---|---|---|
| LCP | 2.2 s | 2.1 s |
| INP | 75 ms | 100 ms |
| CLS | 0 | 0 |
| TTFB | 900 ms | 500 ms |
Median site's p75 values from the Chrome UX Report, Jun 2026. Lower is better; green meets Google's "good" threshold. This describes the sites that use each technology, not the technology's own overhead.
Sites that switched
Domains that dropped one technology and adopted the other within about a year, data nobody else gives away free.
Animate.css to Clarity
| Domain | When |
|---|---|
| irfa.com | Feb 2026 |