# 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. > Pagina: https://ui.eneawork.it/blog/alternative-mui-2026-misurate > Markdown: https://ui.eneawork.it/blog/alternative-mui-2026-misurate.md *2026-10-31* 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 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 Migra un componente reale, non una pagina demo. Se il bottone e il dialog sono puliti, la migrazione è sostenibile; se serve riscrivere il layout, fermati. ## 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 input Il 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. ## FAQ ### 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.