Learning
shadcn/ui

Mi az a shadcn/ui?

Miért különleges a shadcn/ui, és miben más, mint a klasszikus UI library-k.

Mi az a shadcn/ui?

A shadcn/ui nem hagyományos UI könyvtár: nem node_modules-ból importálsz egy upstream csomagot, hanem a CLI-vel a komponensek forráskódját a saját projektedbe generálod.

Miért különleges?

  • Teljes tulajdon: a kód nálad van, szabadon módosítható.
  • Radix UI alapok: akadálymentesség és interaktív viselkedés.
  • Tailwind CSS styling: könnyen igazítható saját design systemhez.
  • TypeScript natív: típusbiztonság.
  • Nincs library lock-in: ha nem tetszik, átírod.

Mire használjuk?

  • gyors prototípus
  • production UI réteg
  • saját design system alap
  • React / Next.js projektek

Rövid összefoglaló

  • shadcn/ui = generált, saját kód a projektben.
  • Radix + Tailwind + TS adja az alapot.

On this page