shadcn/ui · Työkalut
Suosittu React-komponenttikokoelma, jonka kopioit suoraan projektiisi ja muokkaat vapaasti. Toisin kuin perinteiset kirjastot, shadcn/ui antaa sinulle täyden hallinnan koodiin Radix UI:n ja Tailwindin pohjalta.
shadcn/ui on suosittu React-komponenttikokoelma joka eroaa perinteisistä kirjastoista: komponentit kopioidaan suoraan projektiisi lähdekoodina, eikä asenneta npm-pakettina. Tämä antaa sinulle täyden kontrollin muokata niitä vapaasti. shadcn/ui käyttää Radix UI:ta saavutettavuuden takaamiseksi ja Tailwind CSS:ää tyylitykseen. Vibekoodauksessa shadcn/ui on erinomainen valinta koska tekoäly tuntee sen hyvin ja v0 generoi shadcn-komponentteja suoraan. Kun pyydät tekoälyä rakentamaan UI:n, mainitse shadcn/ui niin saat johdonmukaisen ja ammattimaisen lopputuloksen.
npx shadcn-ui@latest add button — kopioi Button-komponentin projektiisi
Komponentit ilmestyvät src/components/ui/-kansioon muokattavina
v0 generoi shadcn/ui-komponentteja automaattisesti
Radix UI taustalla takaa saavutettavuuden — näppäimistö ja ruudunlukija toimivat
Tutustu kaikkiin vibekoodauksen termeihin.