UI library
Alternative a MUI nel 2026: come sceglierle con criteri misurati
MUI non è solo una lista di componenti: è un tema, un sistema di stile e una dipendenza. Ecco quando conviene sostituirla, con quali criteri e cosa cambia nella migrazione.
In sintesi
- Sostituisci MUI quando il costo del tema supera il costo della migrazione, non quando un listicle dice che è vecchia.
- Le alternative vere sono tre famiglie: headless, copy-paste e design system completo.
- Il catalogo EneUI indicizza 111.985 componenti da 1.472 librerie al 31 ottobre 2026: la scelta si fa sui record, non sui nomi.
La domanda “quali sono le alternative a MUI?” produce liste. La domanda utile è un’altra: quale parte di MUI stai usando davvero? Se usi solo Button, TextField e Dialog, stai pagando un sistema intero per tre componenti.
MUI porta un tema Material, il prop `sx`, una griglia e un set di componenti con API proprie. È una scelta legittima per una dashboard interna. Diventa un costo quando il design non è Material e ogni schermata è una lotta con il tema.
Le tre famiglie di alternative
| Famiglia | Esempi | Cosa possiedi | Costo nascosto |
|---|---|---|---|
| Headless | Radix, Base UI, React Aria | Comportamento e accessibilità | Devi scrivere ogni stile |
| Copy-paste | shadcn/ui e i suoi derivati | Il codice dei componenti | Aggiornamenti manuali |
| Design system completo | Mantine, Chakra, Ant Design | Componenti e tema | API e visione del fornitore |
MUI sta nella terza famiglia. Sostituirla con la prima cambia il lavoro del team: qualcuno deve possedere gli stili. Sostituirla con la seconda cambia il modello di aggiornamento: il codice è tuo, ma nessuno te lo aggiorna.
I cinque criteri che contano
- Licenza: il core di MUI è MIT, i componenti avanzati (X) hanno una licenza commerciale. Verifica cosa stai usando prima di dichiarare che è gratis.
- Dipendenze: apri il package e conta quante cose entrano per un solo bottone.
- Theming: il tuo design è Material o no? Se non lo è, il tema è debito.
- Migrazione: quante API proprietarie usi (`sx`, `Grid`, `styled`)? Ogni uso è una riga da riscrivere.
- Uscita: tra due anni il codice sarà ancora tuo o dentro un pacchetto che non controlli?
Cosa cambia in pratica
Da `sx` ai token
Il prop `sx` risolve in fretta, ma tiene lo stile dentro il componente. Con token semantici lo stile diventa una mappatura: `--ui-bg`, `--ui-fg`, `--ui-border`. Il componente non sa quale marca lo sta usando.
Dalla griglia al layout del browser
La Grid di MUI è un’astrazione sopra flex e grid. Se il tuo layout è semplice, CSS Grid nativo è più leggibile e non richiede un runtime. Se il layout è complesso, l’astrazione può ancora convenire.
Come misurare la scelta in 20 minuti
# 1. quanto codice MUI entra davvero?
npx vite-bundle-visualizer
# 2. quanti componenti usi?
rg -l "@mui/material" src | wc -l
# 3. installa un'alternativa su un ramo e rifai una schermata
npx shadcn@latest add button dialog inputIl test giusto è una schermata, non un articolo. Se la schermata richiede lo stesso tempo con entrambe le scelte, vince quella che il team sa mantenere.
Quando NON migrare
Se il prodotto è Material per scelta, se il team conosce l’API e se le schermate sono già coerenti, la migrazione è un costo senza ritorno. Un design system noioso che funziona batte una migrazione elegante che si ferma a metà.
Il catalogo completo è su /components: ogni record dichiara fonte, licenza e dipendenze, così il confronto parte dai dati e non dalle stelle.
Domande frequenti
MUI è gratis?
Il core è MIT. I componenti avanzati del pacchetto X hanno una licenza commerciale: controlla quali stai importando.
shadcn/ui è un’alternativa a MUI?
È un modello diverso: copi il codice nel tuo progetto invece di installare una dipendenza. Non è un drop-in replacement.
Qual è l’alternativa più leggera?
Dipende dal componente. Le primitive headless aggiungono poco al bundle ma spostano tutto il lavoro di stile su di te.
Quanto dura una migrazione da MUI?
Dipende da quanti `sx` e quante API proprietarie usi. Misura su una schermata: il risultato è più affidabile di una stima per pagina.
Posso mescolare MUI e shadcn?
Tecnicamente sì, ma paghi due temi e due convenzioni. Se lo fai, isola il confine e pianifica l’uscita.