# Tetra Ui, 50 componenti UI React, anteprima live e codice, EneUI Tutti i 50 componenti Tetra Ui del catalogo con anteprima live, sorgente completo e installazione in riga. I più usati: accordion, action input, alert. Il registry non dichiara una licenza SPDX: controlla il repository sorgente prima di metterlo in produzione. > Pagina: https://ui.eneawork.it/components/lib/tetra-ui > Markdown: https://ui.eneawork.it/components/lib/tetra-ui.md **Componenti:** 50 - [accordion](https://ui.eneawork.it/comp/tetra-ui/accordion), tetra-ui - [action-input](https://ui.eneawork.it/comp/tetra-ui/action-input), tetra-ui - [alert](https://ui.eneawork.it/comp/tetra-ui/alert), tetra-ui - [avatar](https://ui.eneawork.it/comp/tetra-ui/avatar), tetra-ui - [badge](https://ui.eneawork.it/comp/tetra-ui/badge), tetra-ui - [bottom-sheet](https://ui.eneawork.it/comp/tetra-ui/bottom-sheet), tetra-ui - [bottom-sheet-2](https://ui.eneawork.it/comp/tetra-ui/bottom-sheet-2), tetra-ui - [button](https://ui.eneawork.it/comp/tetra-ui/button), tetra-ui - [card](https://ui.eneawork.it/comp/tetra-ui/card), tetra-ui - [carousel](https://ui.eneawork.it/comp/tetra-ui/carousel), tetra-ui - [checkbox](https://ui.eneawork.it/comp/tetra-ui/checkbox), tetra-ui - [chip](https://ui.eneawork.it/comp/tetra-ui/chip), tetra-ui ## FAQ ### Quanti componenti ci sono nella libreria Tetra Ui? 50 componenti di Tetra Ui sono nel catalogo, ciascuno con anteprima live, sorgente completo e comando di installazione in riga. ### La libreria Tetra Ui è gratuita? Il registry non dichiara una licenza SPDX: controlla il repository sorgente prima di metterlo in produzione. ### Con quale framework funziona Tetra Ui? Tetra Ui 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 Tetra Ui? "accordion" è il più stellato della libreria, tra 50 disponibili. ### Come aggiungo un componente Tetra Ui 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 Tetra Ui? Tetra Ui copre principalmente React. ## Install ```bash npx shadcn@latest add "https://ui.eneawork.it/api/registry/tetra-ui/%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`.