Styling

Bulma admin dashboard

The same screens and the same component families, rendered through Bulma's classes. Bulma ships no JavaScript, so the interactive components carry their own.

Available in

ReactPro
Next.jsPro
VuePro
AngularPro
HTMLPro
LaravelPro

What the build needs

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

Bulma's stylesheet, plus the VuiAdmin token layer imported after it.
A Sass step only if you are overriding Bulma's own variables rather than ours.

What the components depend on

Bulma is CSS only, so the dialogs, menus and selects bring their own behaviour rather than borrowing the framework's.

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 "bulma/css/bulma.min.css";
@import "@viliha/vui-css/theme.css";

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

The full token contract is in the theming documentation.