What's included

boodoo is downloadable in two forms: within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.

The compiled CSS and JS are split into a few useful, deliberately small builds so you only ship what you need:

Precompiled

boodoo/
├── dist/
│   ├── css/
│   │   ├── boodoo.css            # full framework (components + grid + utilities + helpers)
│   │   ├── boodoo.min.css
│   │   ├── boodoo-grid.css       # grid + containers only
│   │   ├── boodoo-reboot.css     # normalize + base styles
│   │   ├── boodoo-utilities.css  # Tailwind-style utility classes
│   │   ├── boodoo-animations.css # motion utilities & keyframes
│   │   └── boodoo.less.css       # compiled from the Less build
│   └── js/
│       ├── boodoo.js             # UMD bundle (all components, ~142 KB)
│       └── boodoo.esm.js         # ES module, tree-shakeable

Included Components Preview

The precompiled bundle brings all responsive components directly to your page without any compilation step:

CSS Ready JS Plugins Zero Dependencies

<span class="badge bg-primary"><span>CSS Ready</span></span>
<span class="badge bg-success"><span>JS Plugins</span></span>
<span class="badge bg-info text-dark"><span>Zero Dependencies</span></span>
<button type="button" class="btn btn-sm btn-outline-primary"><span>Try Plugin</span></button>

Source code

Build boodoo from source using the Sass and Less files in the scss/ and less/ folders. The Sass source is modular — override variables, mixins, and maps to create your perfect output.

JavaScript components

Bring boodoo to life with our optional vanilla JavaScript plugins. Learn about each plugin and its data API below.

Alert dismiss

Button toggle

Carousel slide

Collapse expand

Dropdown menu

Modal dialog

Offcanvas panel

Popover detail

Scrollspy scroll

Tab switch

Toast notify

Tooltip hint

Ripple material