# Install
> Install CoreUI for Bootstrap with a package manager, pull it from the CDN, or download the compiled or source files — and see exactly what each option contains.
## Package managers
Pull CoreUI's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, CoreUI for Bootstrap will **require a Sass compiler and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions.
### npm
Install CoreUI for Bootstrap in your Node.js powered apps with [the npm package](https://www.npmjs.com/package/@coreui/coreui):
```sh tab={"label":"CoreUI"}
npm install @coreui/coreui
```
```sh tab={"label":"CoreUI PRO"}
npm install @coreui/coreui-pro
```
After installing, head to [our npm guide](https://coreui.io/bootstrap/docs/guides/npm/) for a full setup guide.
Using `import * as coreui from '@coreui/coreui'` will load all of CoreUI's plugins onto a `coreui` object. Named imports from the package root load the same modules, because every plugin registers its data API when it loads:
```js
import { Tooltip, Toast, Popover } from '@coreui/coreui'
```
To bundle only the plugins you use, import them from the `/js/dist/*.js` files under the package's top-level directory, as shown in [Lean JavaScript](https://coreui.io/bootstrap/docs/customize/optimize/#lean-javascript). The package root loads those same files, so mixing both kinds of import does not load a plugin twice.
CoreUI's `package.json` contains some additional metadata under the following keys:
- `sass` - path to CoreUI's main [Sass](https://sass-lang.com/) source file
- `style` - path to CoreUI's non-minified CSS that's been precompiled using the default settings (no customization)
Additionally, CoreUI ships a `.browserslistrc` file at the package root, which defines browser targets for tools like Browserslist and Autoprefixer. See [Browsers & devices](https://coreui.io/bootstrap/docs/getting-started/browsers-devices/) for the full support policy.
### pnpm
Install CoreUI for Bootstrap in your Node.js powered apps with [pnpm](https://pnpm.io/):
```sh tab={"label":"CoreUI"}
pnpm add @coreui/coreui
```
```sh tab={"label":"CoreUI PRO"}
pnpm add @coreui/coreui-pro
```
### yarn
Install CoreUI in your Node.js powered apps with [the yarn package](https://yarnpkg.com/en/package/@coreui/coreui):
```sh tab={"label":"CoreUI"}
yarn add @coreui/coreui
```
```sh tab={"label":"CoreUI PRO"}
yarn add @coreui/coreui-pro
```
Yarn 2+ (aka Yarn Berry) doesn't support the `node_modules` directory by default, so a Sass build that resolves our source files needs some adjustments:
```sh
yarn config set nodeLinker node-modules # Use the node_modules linker
touch yarn.lock # Create an empty yarn.lock file
yarn install # Install the dependencies
```
### Bun
Install CoreUI in your Bun or Node.js powered apps with [the Bun CLI](https://bun.sh/):
```sh tab={"label":"CoreUI"}
bun add @coreui/coreui
```
```sh tab={"label":"CoreUI PRO"}
bun add @coreui/coreui-pro
```
### Composer
You can also install and manage CoreUI's Sass and JavaScript using [Composer](https://getcomposer.org/):
```sh
composer require coreui/coreui:5.9.0
```
## CDN via jsDelivr
Skip the download with [jsDelivr](https://www.jsdelivr.com/) to deliver cached version of CoreUI's compiled CSS and JS to your project.
```html
```
If you're using our compiled JavaScript and prefer to include Floating UI separately, add its two files (core, then dom) before our JS, via a CDN preferably.
```html
```
**If you use CoreUI PRO please use following links**
```html
```
```html
```
### Using ES modules
Our ES module build imports Floating UI by its bare specifier, so a `
```
**If you use CoreUI PRO please use following links**
```html
```
An import map has to be declared before the first module script that relies on it, and only one is applied per document.
### Using CDNs
When using CDN links, be sure to use the `integrity` attribute to verify the correct files and versions. These hashes are unique to each file and version of CoreUI, so when you update to a new version, be sure the `integrity` attribute is also updated.
We also include a `crossorigin="anonymous"` attribute to prevent [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) errors.
### Alternative CDNs
We recommend [jsDelivr](https://www.jsdelivr.com/) and use it ourselves in our documentation. However, in some cases—like in some specific countries or environments—you may need to use other CDN providers like [cdnjs](https://cdnjs.com/) or [unpkg](https://unpkg.com/).
You'll find the same files on these CDN providers, albeit with different URLs.
> **Security warning** — If the SRI hashes differ for a given file, you shouldn't use the files from that CDN, because it means that the file was modified by someone else.
Note that you should compare same length hashes, e.g. `sha384` with `sha384`, otherwise it's expected for them to be different.
As such, you can use an online tool like [SRI Hash Generator](https://www.srihash.org/) to make sure that the hashes are the same for a given file.
Alternatively, assuming you have OpenSSL installed, you can achieve the same from the CLI, for example:
```sh
openssl dgst -sha384 -binary coreui.min.js | openssl base64 -A
```
## Download
### Compiled CSS and JS
Download ready-to-use compiled code for **CoreUI for Bootstrap v5.9.0** to easily drop into your project, which includes:
- Compiled and minified CSS bundles (see [CSS files comparison](#css-files))
- Compiled and minified JavaScript plugins (see [JS files comparison](#js-files))
This doesn't include documentation, source files, or any optional JavaScript dependencies like Floating UI.
Download
### Source files
Compile CoreUI for Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:
- [Dart Sass](https://sass-lang.com/dart-sass) for compiling your CSS.
- [Autoprefixer](https://github.com/postcss/autoprefixer) for CSS vendor prefixing
Should you require [build tools](https://coreui.io/bootstrap/docs/guides/build-tools/#tooling-setup), they are included for developing CoreUI for Bootstrap and its docs, but they're likely unsuitable for your own purposes.
Download source
## What's included
Once downloaded, unzip the compressed folder and you'll see something like this:
```text
coreui/
├── css/
│ ├── base.css
│ ├── base.css.map
│ ├── base.min.css
│ ├── base.min.css.map
│ ├── components/
│ │ ├── accordion.css
│ │ ├── … one stylesheet per component …
│ │ ├── classes.json
│ │ └── manifest.json
│ ├── coreui-grid.css
│ ├── coreui-grid.css.map
│ ├── coreui-grid.min.css
│ ├── coreui-grid.min.css.map
│ ├── coreui-legacy.css
│ ├── coreui-legacy.css.map
│ ├── coreui-legacy.min.css
│ ├── coreui-legacy.min.css.map
│ ├── coreui-reboot.css
│ ├── coreui-reboot.css.map
│ ├── coreui-reboot.min.css
│ ├── coreui-reboot.min.css.map
│ ├── coreui-utilities.css
│ ├── coreui-utilities.css.map
│ ├── coreui-utilities.min.css
│ ├── coreui-utilities.min.css.map
│ ├── coreui.css
│ ├── coreui.css.map
│ ├── coreui.min.css
│ └── coreui.min.css.map
└── js/
├── coreui.bundle.js
├── coreui.bundle.js.map
├── coreui.bundle.min.js
├── coreui.bundle.min.js.map
├── coreui.esm.js
├── coreui.esm.js.map
├── coreui.esm.min.js
├── coreui.esm.min.js.map
├── coreui.js
├── coreui.js.map
├── coreui.min.js
└── coreui.min.js.map
```
This is the most basic form of CoreUI: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`coreui.*`), as well as compiled and minified CSS and JS (`coreui.min.*`). [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`coreui.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`coreui.bundle.js` and minified `coreui.bundle.min.js`) include [Floating UI](https://floating-ui.com/).
### CSS files
CoreUI for Bootstrap includes a handful of options for including some or all of our compiled CSS.
### v5 compatibility CSS
`coreui.css` carries the v6 class API only. The v5 spellings that v6 deprecated
ship in `coreui-legacy.css`, which you load after it:
```html
```
It is 3.4 kB gzip and covers:
- the responsive dropdown alignment classes `.dropdown-menu{-sm|-md|-lg|-xl|-2xl}{-start|-end}`, replaced by a responsive `data-coreui-placement`
- the colour modifiers `.alert-{color}`, `.btn-{color}`, `.btn-outline-{color}`,
`.btn-subtle-{color}`, `.btn-ghost-{color}`, `.callout-{color}`,
`.chip-{color}` and `.list-group-item-{color}` — each an alias of the matching
[`.theme-{color}`](https://coreui.io/bootstrap/docs/customize/components/#theme-variants) class;
- the form check markup `.form-check`, `.form-check-input`, `.form-check-label`,
`.form-check-inline`, `.form-switch` and `.form-switch-lg` / `-xl` — aliases of
[`.form-field`](https://coreui.io/bootstrap/docs/forms/field/), [`.check`](https://coreui.io/bootstrap/docs/forms/checkbox/),
[`.radio`](https://coreui.io/bootstrap/docs/forms/radio/) and [`.switch`](https://coreui.io/bootstrap/docs/forms/switch/);
- `.btn-check` on the input, with a sibling `