Introductie van shadcn/create – Bouw je eigen shadcn/ui Pas alles aan. Kies je componentbibliotheek, iconen, basiskleur, thema, lettertypen en bouw iets dat er niet uitziet als alles wat er al is. Nu beschikbaar voor Next.js, Vite, TanStack Start en v0.

Vanaf de allereerste commit is het doel van shadcn/ui geweest om je solide standaarden te bieden: ruimte, kleurtokens, animaties, toegankelijkheid, en laat je daar verder mee aan de slag gaan. Pas de code aan. Voeg nieuwe componenten toe. Verander de kleuren. We maken dit nog gemakkelijker met npx shadcn create.

Begin met een componentbibliotheek: Radix of Base UI. We hebben elke component voor Base UI opnieuw opgebouwd, met dezelfde abstractie. Ze zijn volledig compatibel met je bestaande componenten, zelfs die uit externe registraties zijn gehaald. Wanneer je componenten toevoegt, detecteren we automatisch je bibliotheek en passen we de juiste transformaties toe.

We voegen ook 5 nieuwe visuele stijlen toe, ontworpen om je te helpen iets unieks te bouwen. 1. Vega – De klassieke shadcn/ui uitstraling. 2. Nova – Verminderde ruimte voor compacte lay-outs. 3. Maia – Zacht en afgerond, met genereuze ruimte. 4. Lyra – Blokachtig en scherp. Past goed bij mono lettertypen. 5. Mira – Compact. Gemaakt voor dichte interfaces.

Dit gaat verder dan thematisering. Je configuratie verandert niet alleen kleuren, het herschrijft de componentcode om aan jouw instellingen te voldoen. Lettertypen, ruimte, structuur, zelfs de bibliotheken die je gebruikt, alles past zich aan jouw voorkeuren aan. De nieuwe CLI regelt het allemaal.

Ga het proberen. Klik op +Nieuw Project op Een speciale shoutout naar het @base_ui team voor het bouwen van een ongelooflijke componentbibliotheek. Hun werk maakte het gemakkelijk om alles te bouwen zonder de abstractie te doorbreken. Geweldig.