Bootstrap

The same screens and the same component families, rendered through Bootstrap's utilities and components rather than Tailwind's. The token layer is unchanged, so theming works the same way.

This edition is not published yet. Everything below is what it will be, not what has been measured off a build, and the version is withheld rather than guessed.

Version: Not published yet
Editions: React, Next.js, Vue, Angular, HTML, Laravel

What the build needs

Bootstrap's own stylesheet, plus the VuiAdmin token layer imported after it.
No build step beyond what Bootstrap already needs.

What the components depend on

Bootstrap's own JavaScript for dropdowns, modals and tooltips.

Changing it, in one file

app/globals.css

@import "bootstrap/dist/css/bootstrap.min.css";
@import "@viliha/vui-css/theme.css";

:root {
  --button-primary: #7c3aed;
  --radius: 0.5rem;
}