Styling

Bootstrap admin dashboard

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.

Available in

ReactPro
Next.jsPro
VuePro
AngularPro
HTMLPro
LaravelPro

What the build needs

The exact Bootstrap version this is built against is not published yet.

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.

Change the whole product

Every component reads the token layer, so rebranding is this file and not a sweep through the components.

app/globals.css

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

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

The full token contract is in the theming documentation.