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+
60
0
Open Page Rank 8+
814
10
Open Page Rank 7+
3,000
16
Open Page Rank 6+
5,860
22
Open Page Rank 5+
10,740
25
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
125,248
59
India
76,777
50
Brazil
58,516
28
Germany
50,567
50
Italy
42,082
37
United Kingdom
41,827
41
France
37,604
37
Spain
33,908
34
Audience countries from the Chrome UX Report, top markets of either technology.
Real user performance
| Metric | Animate.css | Clarity |
|---|---|---|
| LCP | 2.2 s | 2.2 s |
| INP | 75 ms | 100 ms |
| CLS | 0 | 0 |
| TTFB | 900 ms | 500 ms |
Median site's p75 values from the Chrome UX Report, Aug 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 |