Learning
shadcn/ui

shadcn/ui – modern UI komponensek

shadcn/ui használata React és Next.js projektekben, komponensekkel és best practice-ekkel.

shadcn/ui – modern UI komponensek

A shadcn/ui egy UI komponens gyűjtemény, ahol nem egy npm library-t használsz, hanem a komponensek forráskódját közvetlenül a saját projektedbe generálod, és azt testreszabod. Tailwind CSS + Radix UI + TypeScript kombinációval ad production-grade UI réteget.


Mit találsz ebben a szekcióban?

  1. Mi az a shadcn/ui? (/docs/shadcn/intro)
  2. Hogyan működik (/docs/shadcn/how-it-works)
  3. Telepítés és setup (/docs/shadcn/install-setup)
  4. Alap komponensek használata (/docs/shadcn/basic-components)
  5. Styling (/docs/shadcn/styling)
  6. Komponensek testreszabása (/docs/shadcn/customization)
  7. Formok és interaktív elemek (/docs/shadcn/forms)
  8. Gyakorlati példák (/docs/shadcn/examples)
  9. Projekt struktúra és best practice (/docs/shadcn/structure-best-practices)
  10. Gyakori hibák (/docs/shadcn/common-errors)
  11. Összefoglalás (/docs/shadcn/summary)

On this page