Contents
Discover what’s included in Boosted, including our compiled and source code flavors.
Compiled Boosted
Once downloaded, unzip the compressed folder and you’ll see something like this:
boosted/
├── css/
│ ├── boosted-grid.css
│ ├── boosted-grid.css.map
│ ├── boosted-grid.min.css
│ ├── boosted-grid.min.css.map
│ ├── boosted-grid.rtl.css
│ ├── boosted-grid.rtl.css.map
│ ├── boosted-grid.rtl.min.css
│ ├── boosted-grid.rtl.min.css.map
│ ├── boosted-reboot.css
│ ├── boosted-reboot.css.map
│ ├── boosted-reboot.min.css
│ ├── boosted-reboot.min.css.map
│ ├── boosted-reboot.rtl.css
│ ├── boosted-reboot.rtl.css.map
│ ├── boosted-reboot.rtl.min.css
│ ├── boosted-reboot.rtl.min.css.map
│ ├── boosted-utilities.css
│ ├── boosted-utilities.css.map
│ ├── boosted-utilities.min.css
│ ├── boosted-utilities.min.css.map
│ ├── boosted-utilities.rtl.css
│ ├── boosted-utilities.rtl.css.map
│ ├── boosted-utilities.rtl.min.css
│ ├── boosted-utilities.rtl.min.css.map
│ ├── boosted.css
│ ├── boosted.css.map
│ ├── boosted.min.css
│ ├── boosted.min.css.map
│ ├── boosted.rtl.css
│ ├── boosted.rtl.css.map
│ ├── boosted.rtl.min.css
│ └── boosted.rtl.min.css.map
└── js/
├── boosted.bundle.js
├── boosted.bundle.js.map
├── boosted.bundle.min.js
├── boosted.bundle.min.js.map
├── boosted.esm.js
├── boosted.esm.js.map
├── boosted.esm.min.js
├── boosted.esm.min.js.map
├── boosted.js
├── boosted.js.map
├── boosted.min.js
└── boosted.min.js.map
This is the most basic form of Boosted: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (boosted.*
), as well as compiled and minified CSS and JS (boosted.min.*
). Source maps (boosted.*.map
) are available for use with certain browsers’ developer tools. Bundled JS files (boosted.bundle.js
and minified boosted.bundle.min.js
) include Popper.
CSS files
Boosted includes a handful of options for including some or all of our compiled CSS.
CSS files | Layout | Content | Components | Utilities |
---|---|---|---|---|
boosted.css boosted.min.css boosted.rtl.css boosted.rtl.min.css |
Included | Included | Included | Included |
boosted-grid.css boosted-grid.rtl.css boosted-grid.min.css boosted-grid.rtl.min.css |
Only grid system | — | — | Only flex utilities |
boosted-utilities.css boosted-utilities.rtl.css boosted-utilities.min.css boosted-utilities.rtl.min.css |
— | — | — | Included |
boosted-reboot.css boosted-reboot.rtl.css boosted-reboot.min.css boosted-reboot.rtl.min.css |
— | Only Reboot | — | — |
JS files
Similarly, we have options for including some or all of our compiled JavaScript.
JS Files | :focus-visible Polyfill |
Popper |
---|---|---|
boosted.bundle.js boosted.bundle.min.js |
Included | Included |
boosted.js boosted.min.js |
Included | – |
Boosted source code
The Boosted source code download includes the compiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:
boosted/
├── dist/
│ ├── css/
│ ├── fonts/
│ ├── img/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.3/
│ └── examples/
├── js/
└── scss/
The scss/
and js/
are the source code for our CSS and JavaScript. The dist/
folder includes everything listed in the compiled download section above. The site/docs/
folder includes the source code for our documentation, and examples/
of Boosted usage. Beyond that, any other included file provides support for packages, license information, and development.