UI libraries
Best web animation libraries in 2026 (1,611 records)
1,611 animation records from 5 registries, read on 1 November 2026. animate-ui, Motion Primitives and others: mixed licences and one mirror to avoid.
Key points
- 1,611 animation records from 5 registries in the catalogue as of 1 November 2026.
- animate-ui appears twice: 1,209 records from the community mirror, 158 from the official repository.
- An MIT + Commons Clause licence does not allow reselling the library.
1,611 animation records from 5 registries sit in the EneUI catalogue as of 1 November 2026: animate-ui with 1,209, Animati with 158, Motion Lexicon with 150, Motion with 61 and Motion Primitives with 33. The number does not tell you which to use; it tells you where the code is already written and readable.
Measured record
| Field | Value |
|---|---|
| Animation records | 1,611 |
| Registries | 5 |
| Framework | react, with animated icons for Vue too |
| Licence | MIT, MIT + Commons Clause, not declared |
| Technique | CSS, Motion, gesture primitives |
| Measured on | 1 November 2026 |
What the number means
A community mirror of animate-ui carries 1,209 records while the official repository carries 158: same project, two measurements. The total includes both, so do not add the figures as if they were separate projects. The rest comes from smaller registries, where each record is one effect with its own dependencies.
The records, largest first
| Library | Records | Licence | Page |
|---|---|---|---|
| animate-ui | 1,209 | not declared | /components/lib/animate-ui |
| Animati | 158 | MIT + Commons Clause | /components/lib/animateui |
| Motion Lexicon | 150 | not declared | /components/lib/motion-lexicon |
| Motion | 61 | MIT | /components/lib/21st-motiondotdev |
| Motion Primitives | 33 | MIT | /components/lib/motion-primitives |
Two blocks worth opening: scroll-animation for a scroll-linked effect and animated-menu for a state transition.
How to choose
- Pick the duration before the effect: 150-250 ms for a state change, longer for a page transition.
- Respect prefers-reduced-motion: an animation that ignores the setting is a defect, not a style.
- Animate transform and opacity: other properties force layout and show up as dropped frames.
- Check the dependencies: one motion package instead of three.
- Read the licence: MIT + Commons Clause is not MIT.
The limit of this measurement
Animati declares MIT + Commons Clause, so you can use the components in a product but cannot resell them as a library. The catalogue shows the licence string and does not interpret it, so deciding whether your case falls inside the clause is your work. For commercial use read the text, not the record.
curl "https://ui.eneawork.it/api/library/profiles/motion-primitives"Every animated block lives on /blocks, filterable by category. The method for comparing two libraries is in how to choose a UI library, the byte cost in the bundle size of a UI library, and the measured comparison of React libraries in react ui libraries 2026.
Frequently asked questions
How many animation records are in the catalogue?
1,611 from 5 registries, read on 1 November 2026.
Does animate-ui have 1,209 or 158 components?
Both: 1,209 is the community mirror harvested from the site, 158 is the official repository. It is the same project counted twice.
What does MIT + Commons Clause mean?
You can use the components in a product but cannot resell the library itself, and the catalogue reports the string without interpreting it.
Do these animations respect prefers-reduced-motion?
Some records do and some do not. The preview does not say, so check the code before adopting one.
Is an animation library better than CSS?
CSS for state transitions, a library such as Motion for orchestration and gestures. Do not add a dependency for a fade.