# 21st Patrick Xin, 6 componenti UI React, anteprima live e codice, EneUI

Tutti i 6 componenti 21st Patrick Xin del catalogo con anteprima live, sorgente completo e installazione in riga. I più usati: onboarding dialog, vercel notification popover, morphing dialog. La licenza dichiarata è MIT.

> Pagina: https://ui.eneawork.it/components/lib/21st-patrick-xin
> Markdown: https://ui.eneawork.it/components/lib/21st-patrick-xin.md

**Componenti:** 6

- [onboarding-dialog](https://ui.eneawork.it/comp/21st-patrick-xin/onboarding-dialog), 21st-patrick-xin
- [vercel-notification-popover](https://ui.eneawork.it/comp/21st-patrick-xin/vercel-notification-popover), 21st-patrick-xin
- [morphing-dialog](https://ui.eneawork.it/comp/21st-patrick-xin/morphing-dialog), 21st-patrick-xin
- [expandable-dialog](https://ui.eneawork.it/comp/21st-patrick-xin/expandable-dialog), 21st-patrick-xin
- [unsplash-gallery-dialog](https://ui.eneawork.it/comp/21st-patrick-xin/unsplash-gallery-dialog), 21st-patrick-xin
- [autocomplete](https://ui.eneawork.it/comp/21st-patrick-xin/autocomplete), 21st-patrick-xin

## FAQ

### Quanti componenti ci sono nella libreria 21st Patrick Xin?

6 componenti di 21st Patrick Xin sono nel catalogo, ciascuno con anteprima live, sorgente completo e comando di installazione in riga.

### La libreria 21st Patrick Xin è gratuita?

La licenza dichiarata è MIT.

### Con quale framework funziona 21st Patrick Xin?

21st Patrick Xin 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 21st Patrick Xin?

"onboarding dialog" è il più stellato della libreria, tra 6 disponibili.

### Come aggiungo un componente 21st Patrick Xin 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 21st Patrick Xin?

21st Patrick Xin copre principalmente 21st, Modal, Carousel, Progress Bar.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/21st-patrick-xin/%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`.