# Pattern Craft, 19 componenti UI React, anteprima live e codice, EneUI

Tutti i 19 componenti Pattern Craft del catalogo con anteprima live, sorgente completo e installazione in riga. I più usati: badge.tsx, button.tsx, carbonads.tsx. La licenza dichiarata è MIT.

> Pagina: https://ui.eneawork.it/components/lib/pattern-craft
> Markdown: https://ui.eneawork.it/components/lib/pattern-craft.md

**Componenti:** 19

- [badge.tsx](https://ui.eneawork.it/comp/pattern-craft/badge.tsx), pattern-craft
- [button.tsx](https://ui.eneawork.it/comp/pattern-craft/button.tsx), pattern-craft
- [carbonads.tsx](https://ui.eneawork.it/comp/pattern-craft/carbonads.tsx), pattern-craft
- [dot-separator.tsx](https://ui.eneawork.it/comp/pattern-craft/dot-separator.tsx), pattern-craft
- [footer.tsx](https://ui.eneawork.it/comp/pattern-craft/footer.tsx), pattern-craft
- [hero.tsx](https://ui.eneawork.it/comp/pattern-craft/hero.tsx), pattern-craft
- [home-page.tsx](https://ui.eneawork.it/comp/pattern-craft/home-page.tsx), pattern-craft
- [navbar.tsx](https://ui.eneawork.it/comp/pattern-craft/navbar.tsx), pattern-craft
- [pattern-card.tsx](https://ui.eneawork.it/comp/pattern-craft/pattern-card.tsx), pattern-craft
- [pattern-empty-state.tsx](https://ui.eneawork.it/comp/pattern-craft/pattern-empty-state.tsx), pattern-craft
- [pattern-grid.tsx](https://ui.eneawork.it/comp/pattern-craft/pattern-grid.tsx), pattern-craft
- [pattern-showcase.tsx](https://ui.eneawork.it/comp/pattern-craft/pattern-showcase.tsx), pattern-craft

## FAQ

### Quanti componenti ci sono nella libreria Pattern Craft?

19 componenti di Pattern Craft sono nel catalogo, ciascuno con anteprima live, sorgente completo e comando di installazione in riga.

### La libreria Pattern Craft è gratuita?

La licenza dichiarata è MIT.

### Con quale framework funziona Pattern Craft?

Pattern Craft 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 Pattern Craft?

"badge.tsx" è il più stellato della libreria, tra 19 disponibili.

### Come aggiungo un componente Pattern Craft 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 Pattern Craft?

Pattern Craft copre principalmente React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/pattern-craft/%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/<library>/<name>.json`.