# Component library, UI kit, design system: le differenze

Component library, UI kit e design system consegnano cose diverse: codice, file di design e regole. Ecco come distinguerli prima di comprare.

> Pagina: https://ui.eneawork.it/blog/component-library-ui-kit-differenze
> Markdown: https://ui.eneawork.it/blog/component-library-ui-kit-differenze.md

*2026-11-01*

Una component library è codice distribuibile, un UI kit è un insieme di file di design, un design system è l'insieme di regole che tiene insieme entrambi. Le tre parole descrivono artefatti diversi e si comprano in momenti diversi.

Il catalogo EneUI conta 111.985 componenti, 1.556 blocchi e 12.808 icone da 1.472 librerie, letti da /api/stats il 1 novembre 2026. La query restituisce record pubblicati, non artefatti venduti: il catalogo misura l'offerta, non la qualità del contratto.

## La tabella che chiude la discussione

## Il test del passaggio di consegne

Chiediti chi riceve il file dopo. Se lo sviluppatore deve ricostruire ogni stato a occhio, hai comprato un UI kit e lo hai chiamato design system. Se il designer non trova una variante, hai comprato una libreria.

## Dove la differenza si vede in pratica

EneUI indicizza 111.985 componenti da librerie come Magic UI e 1.556 blocchi. Apri un record e leggi i campi: file, dipendenze, licenza. Un UI kit Figma non ha dipendenze npm.

## Contare le opzioni, non le promesse

curl -s https://ui.eneawork.it/api/stats

L'endpoint restituisce il conteggio corrente in JSON. Il numero è verificabile: chiamalo prima di citare un catalogo in una presentazione.

## Licenza

Una component library porta una licenza per riga di codice: MIT su shadcn/ui e Radix UI, MIT su MUI Core mentre MUI X è a pagamento, MIT su Magic UI. Un UI kit porta una licenza d'uso sui file Figma, che spesso vieta la ridistribuzione. Sono contratti diversi e vanno letti separatamente.

## La limitazione

Comprare i tre artefatti insieme non li rende coerenti. Un design system senza un processo di revisione accetta qualunque contributo e in sei mesi contiene tre pattern per la stessa azione.

## Dove continuare

La scelta operativa è in come scegliere una libreria UI, il formato di distribuzione in che cos'è un registry. Il confronto misurato tra librerie React è in librerie UI React 2026 misurate.

## FAQ

### UI kit e design system sono la stessa cosa?

No. Un UI kit è un insieme di file di design; un design system include regole, token, componenti e un processo di manutenzione.

### Posso usare un UI kit senza design system?

Sì. Un UI kit basta per un prototipo o per un sito singolo; il costo arriva quando due team devono produrre la stessa interfaccia.

### Una component library è un design system?

No. La libreria è la parte di codice; senza token documentati e regole d'uso resta un elenco di componenti.

### Cosa chiedo in licenza quando compro un UI kit?

Chiedi se puoi usarlo in prodotti commerciali, se puoi modificarlo e se puoi ridistribuirlo. Le tre risposte sono spesso diverse.

### Da quale artefatto inizio?

Dal design system se hai più di un prodotto, dalla component library se hai solo codice da scrivere. Il UI kit arriva quando serve un prototipo.