UI library
Migliori librerie di animazione per il web nel 2026 (1.611 record)
1.611 record di animazione da 5 registry, letti il 1 novembre 2026. animate-ui, Motion Primitives e gli altri: licenze miste e un mirror da non sommare.
In sintesi
- 1.611 record di animazione da 5 registry nel catalogo al 1 novembre 2026.
- animate-ui compare due volte: 1.209 record dal mirror community, 158 dal repository ufficiale.
- Una licenza MIT + Commons Clause non permette di rivendere la libreria.
1.611 record di animazione da 5 registry sono indicizzati nel catalogo EneUI al 1 novembre 2026: animate-ui con 1.209, Animati con 158, Motion Lexicon con 150, Motion con 61 e Motion Primitives con 33. Il numero non dice quale usare: dice dove trovi codice già scritto da leggere.
Scheda misurata
| Voce | Valore |
|---|---|
| Record di animazione | 1.611 |
| Registry | 5 |
| Framework | react, con icone animate anche per Vue |
| Licenza | MIT, MIT + Commons Clause, non dichiarata |
| Tecnica | CSS, Motion, primitive per gesture |
| Misurato il | 1 novembre 2026 |
Cosa significa quel numero
Un mirror community di animate-ui pesa 1.209 record, il repository ufficiale 158: stesso progetto, due misure. Il totale include entrambi, quindi non sommare i numeri come se fossero progetti diversi. Il resto arriva da registry più piccoli, dove ogni record è un effetto con le sue dipendenze.
I record, in ordine di dimensione
| Libreria | Record | Licenza | Pagina |
|---|---|---|---|
| animate-ui | 1.209 | non dichiarata | /components/lib/animate-ui |
| Animati | 158 | MIT + Commons Clause | /components/lib/animateui |
| Motion Lexicon | 150 | non dichiarata | /components/lib/motion-lexicon |
| Motion | 61 | MIT | /components/lib/21st-motiondotdev |
| Motion Primitives | 33 | MIT | /components/lib/motion-primitives |
Due blocchi da aprire: scroll-animation per un effetto legato allo scroll e animated-menu per una transizione di stato.
Come scegliere
- Scegli la durata prima dell’effetto: 150-250 ms per un cambio di stato, oltre per una transizione di pagina.
- Rispetta prefers-reduced-motion: un’animazione che ignora l’impostazione è un difetto, non uno stile.
- Anima transform e opacity: le altre proprietà forzano un layout e si vedono nei frame persi.
- Guarda le dipendenze: un solo pacchetto di motion invece di tre.
- Leggi la licenza: MIT + Commons Clause non è MIT.
Il limite di questa misura
Animati dichiara MIT + Commons Clause: puoi usare i componenti in un prodotto, ma non rivenderli come libreria. Il catalogo mostra la stringa della licenza e non la interpreta, quindi capire se il tuo caso rientra nella clausola resta un lavoro tuo. Per un uso commerciale leggi il testo, non la scheda.
curl "https://ui.eneawork.it/api/library/profiles/motion-primitives"Tutti i blocchi animati sono su /blocks, filtrabili per categoria. Il metodo per confrontare due librerie è in come scegliere una libreria UI, il costo in byte in bundle size di una libreria UI, il confronto misurato tra librerie React in react ui libraries 2026.
Domande frequenti
Quanti record di animazione ci sono nel catalogo?
1.611 da 5 registry, letti il 1 novembre 2026.
animate-ui ha 1.209 o 158 componenti?
Entrambi: 1.209 è il mirror community raccolto dal sito, 158 è il repository ufficiale. Sono lo stesso progetto contato due volte.
Cosa significa MIT + Commons Clause?
Puoi usare i componenti in un prodotto, ma non rivendere la libreria stessa. Il catalogo riporta la stringa, non la interpreta.
Le animazioni rispettano prefers-reduced-motion?
Alcuni record sì, altri no. La preview non lo dichiara: controlla il codice prima di adottarlo.
Meglio una libreria di animazione o CSS?
CSS per le transizioni di stato, una libreria come Motion per orchestrazione e gesture. Non aggiungere una dipendenza per un fade.