Install via npm

The official way to get boodoo is to install it as a package manager dependency. This lets you use the precompiled CSS and JS, or compile your own customized version from source.

Install with npm

npm install boodoo

boodoo is available as an npm package. It ships compiled CSS and JS in dist/, plus the Sass and Less source.

ES modules

If you're using a bundler like Vite, webpack, or Rollup, import the ES module build:

import boodoo from 'boodoo/dist/js/boodoo.esm.js';
// or
import { Modal, Toast, Collapse } from 'boodoo/dist/js/boodoo.esm.js';

Import compiled CSS

import 'boodoo/dist/css/boodoo.min.css';

Compile from Sass

For full control, import the Sass entry in your own stylesheet. Override boodoo's variables before the import to customize everything:

// Your custom overrides (optional)
$boodoo-primary: #7C3AED;
$boodoo-border-radius: 0.375rem;

// Then import boodoo
@import "node_modules/boodoo/scss/boodoo";

Package exports

The package exposes these entry points via package.json:

{
  "style": "dist/css/boodoo.css",
  "sass": "scss/boodoo.scss",
  "main": "dist/js/boodoo.js",
  "module": "dist/js/boodoo.esm.js"
}