Introduktion till Shadcn/Create – Bygg din egen Shadicn/UI Anpassa allt. Välj ditt komponentbibliotek, ikoner, basfärg, tema, typsnitt och bygg något som inte ser ut som allt annat. Nu tillgänglig för Next.js, Vite, TanStack Start och v0.

Från allra första commit har målet med Shadcn/UI varit att ge dig stabila standardinställningar: avstånd, färgtokens, animationer, tillgänglighet, och låta dig ta över därifrån. Justera koden. Lägg till nya komponenter. Byt färger. Vi gör detta ännu enklare med NPX Shadcn Create.

Börja med ett komponentbibliotek: Radix eller Base UI. Vi byggde om varje komponent för Base UI, med samma abstraktion. De är fullt kompatibla med dina befintliga komponenter, även de som hämtas från fjärrregistr. När du lägger till komponenter upptäcker vi automatiskt ditt bibliotek och applicerar rätt transformationer.

Vi lägger också till 5 nya visuella stilar, utformade för att hjälpa dig bygga något unikt. 1. Vega – Den klassiska Shadcn/UI-looken. 2. Nova – Minskat avstånd för kompakta layouter. 3. Maia – Mjuk och rundad, med generöst avstånd. 4. Lyra – Kantig och skarp. Passar bra ihop med mono-typsnitt. 5. Mira – Kompakt. Skapad för täta gränssnitt.

Detta går bortom tematisering. Din konfiguration byter inte bara färg, den skriver om komponentkoden för att passa din setup. Typsnitt, avstånd, struktur, till och med biblioteken du använder, allt anpassar sig efter dina preferenser. Den nya CLI tar hand om allt.

Gå och prova det. Klicka på +Nytt Projekt på Ett särskilt tack till @base_ui-teamet för att ha byggt ett otroligt komponentbibliotek. Deras arbete gjorde det enkelt att bygga allt utan att bryta abstraktionen. Jättelik.