Bootwind

Bootstrap with shadcn flexibility. Use familiar classes. Own the system.

Bootwind is a UI system for server-rendered templates and multi-framework projects. It exposes Bootstrap-style semantic class names — btn, card, form-control, dropdown-menu — but the underlying implementation is token-driven and open code, with shadcn-grade theming and Tailwind CSS v4 as the engine.

Why

• Keep the Bootstrap developer experience (familiar class names, fast prototyping).
• Get token-first theming: copy a shadcn theme block, paste it in, done.
• No black box. No framework lock-in. Plays well with Rails, Laravel, Django, Phoenix and static HTML.

Status

v0.1 — thin slice. Available components:

• Button
• Card
• Alert
• Badge
• Form control

See Spec.md for the full vision and roadmap.

Repository layout

packages/
  bootwind/   # the CSS package
  site/       # docs, playground, examples (Astro)

Quick start (consuming the package)

<link rel="stylesheet" href="/bootwind/dist/bootwind.css" />
<button class="btn btn-primary">Hello</button>

To switch theme, swap in another tokens file:

<link rel="stylesheet" href="/bootwind/dist/themes/bootstrap-like.css" />

Develop

pnpm install
pnpm build       # build all packages
pnpm dev         # run the docs site
pnpm test        # css snapshot + visual regression
pnpm lint

Requires Node >=20.10 and pnpm >=9.

License

MIT