Esc
  • Jump to
  • This week's board
  • Open statsEvery number, in public
  • Maker storiesApps that stopped hiding
  • Submit a launch
  • AICategory
  • AnalyticsCategory
  • DesignCategory
  • Developer toolsCategory
  • EducationCategory
  • FinanceCategory
↑↓ to move↵ to openPress / anywhere
Sign inSubmit
UI & Styling

Building with shadcn/ui

shadcn/ui isn't installed as a dependency. Its CLI adds each component's source to your project, built on accessible headless primitives and styled with Tailwind CSS, and from then on the code is yours to change.

What shadcn/ui Is Good At

  • Each component is plain source code you can edit.
  • The headless primitives underneath handle keyboard navigation and ARIA attributes.
  • Theming works through CSS variables.
  • Fits React frameworks such as Next.js that already use Tailwind CSS.

Common Use Cases for shadcn/ui

  • SaaS apps and admin consoles
  • Dialogs, dropdowns, and form inputs
  • Data tables and command palettes

Launches Built with shadcn/ui

No launches built with shadcn/ui yet — be the first.

Every launch page on Hauntboard shows its traffic stats publicly. Free listings show the Hauntboard badge and get human review in about 72 hours; paid listings are reviewed within 24 hours.

Frequently Asked Questions About shadcn/ui

Is shadcn/ui an npm package?

Not in the usual sense. You run its CLI to copy components into your project (typically components/ui), then edit them like any other file. The trade-off is that updates aren't automatic.

Explore Other Technologies:

Submit a launch