Presentiamo shadcn/create – Crea il tuo shadcn/ui Personalizza tutto. Scegli la tua libreria di componenti, icone, colore di base, tema, caratteri e costruisci qualcosa che non assomigli a tutto il resto. Ora disponibile per Next.js, Vite, TanStack Start e v0.

Fin dal primo commit, l'obiettivo di shadcn/ui è stato quello di offrirti delle impostazioni solide: spaziatura, token di colore, animazioni, accessibilità, e lasciarti proseguire da lì. Modifica il codice. Aggiungi nuovi componenti. Cambia i colori. Stiamo rendendo tutto questo ancora più facile con npx shadcn create.

Inizia con una libreria di componenti: Radix o Base UI. Abbiamo ricostruito ogni componente per Base UI, mantenendo la stessa astrazione. Sono completamente compatibili con i tuoi componenti esistenti, anche quelli prelevati da registri remoti. Quando aggiungi componenti, rileviamo automaticamente la tua libreria e applichiamo le giuste trasformazioni.

Stiamo anche aggiungendo 5 nuovi stili visivi, progettati per aiutarti a costruire qualcosa di unico. 1. Vega – L'aspetto classico di shadcn/ui. 2. Nova – Spaziatura ridotta per layout compatti. 3. Maia – Morbido e arrotondato, con spazi generosi. 4. Lyra – Squadrato e affilato. Si abbina bene con i font mono. 5. Mira – Compatto. Creato per interfacce dense.

Questo va oltre il tema. La tua configurazione non cambia solo i colori, riscrive il codice dei componenti per adattarsi alla tua impostazione. Font, spaziatura, struttura, persino le librerie che usi, tutto si adatta alle tue preferenze. Il nuovo CLI si occupa di tutto.

Prova a farlo. Clicca su +Nuovo Progetto su Un ringraziamento speciale al team @base_ui per aver costruito una libreria di componenti incredibile. Il loro lavoro ha reso facile costruire tutto senza rompere l'astrazione. Enorme.