# Materialcn, 65 componenti UI React, anteprima live e codice, EneUI Tutti i 65 componenti Materialcn del catalogo con anteprima live, sorgente completo e installazione in riga. I più usati: accordion, alert, avatar. Il registry non dichiara una licenza SPDX: controlla il repository sorgente prima di metterlo in produzione. > Pagina: https://ui.eneawork.it/components/lib/materialcn > Markdown: https://ui.eneawork.it/components/lib/materialcn.md **Componenti:** 65 - [accordion](https://ui.eneawork.it/comp/materialcn/accordion), materialcn - [alert](https://ui.eneawork.it/comp/materialcn/alert), materialcn - [avatar](https://ui.eneawork.it/comp/materialcn/avatar), materialcn - [badge](https://ui.eneawork.it/comp/materialcn/badge), materialcn - [bottom-app-bar](https://ui.eneawork.it/comp/materialcn/bottom-app-bar), materialcn - [breadcrumb](https://ui.eneawork.it/comp/materialcn/breadcrumb), materialcn - [breadcrumbs](https://ui.eneawork.it/comp/materialcn/breadcrumbs), materialcn - [button](https://ui.eneawork.it/comp/materialcn/button), materialcn - [button-group](https://ui.eneawork.it/comp/materialcn/button-group), materialcn - [button-group-context](https://ui.eneawork.it/comp/materialcn/button-group-context), materialcn - [button-variants](https://ui.eneawork.it/comp/materialcn/button-variants), materialcn - [calendar](https://ui.eneawork.it/comp/materialcn/calendar), materialcn ## FAQ ### Quanti componenti ci sono nella libreria Materialcn? 65 componenti di Materialcn sono nel catalogo, ciascuno con anteprima live, sorgente completo e comando di installazione in riga. ### La libreria Materialcn è gratuita? Il registry non dichiara una licenza SPDX: controlla il repository sorgente prima di metterlo in produzione. ### Con quale framework funziona Materialcn? Materialcn punta a React: i componenti sono pensati per quel renderer e funzionano con Next.js, Vite o CRA nello stesso modo. ### Qual è il componente più popolare di Materialcn? "accordion" è il più stellato della libreria, tra 65 disponibili. ### Come aggiungo un componente Materialcn al mio progetto? Apri la pagina del componente, usa Copy code o Install: il sorgente finisce nella tua cartella componenti, oppure esegui il comando npx shadcn add mostrato in pagina. ### Che tipo di interfacce fa Materialcn? Materialcn copre principalmente React. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/materialcn/%3Ccomponent-name%3E.json?token=YOUR_TOKEN" ``` The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry//.json`.