all templates
UI Starters

React + shadcn/ui Quickstart

Tailwind plus a real component system — shadcn/ui set up the way it's meant to be.

The Tailwind quickstart, upgraded: shadcn/ui set up the way the shadcn CLI does it today — components.json, the CSS-variable theme block, the cn helper — with Button, Card and Input already vendored in and demoed. Every further component is one `shadcn add` away.

Variants

Tailwindshadcn/ui

What's inside

  • shadcn/ui conventions preconfigured
  • Button, Card, Input vendored and demoed
  • OKLCH CSS-variable theming, dark by default
  • cn() helper + class-variance-authority
  • Add components with npx shadcn@latest add
  • Dockerfile → unprivileged nginx on :8080

Quickstart

$ git clone https://github.com/devai-io/devai_boilerplates.git$ cd devai_boilerplates/react-shadcn-starter$ docker compose up --build   # then open http://localhost:8080

Browse the code

The full source, exactly as it ships in the repo.

loading…
Download .zip
loading tree…

about this series

The seed the fleet's own UIs start from — with a component system.