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, ~56 KB)
│       └── boodoo.esm.js         # ES module, tree-shakeable

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.