> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/getting-started/installation.md).

# Installation

There are 4 ways to get started with Spectre CSS framework in your projects. You can either install **manually**, from **CDN** or via [NPM](https://www.npmjs.com/), or [yarn](https://yarnpkg.com/getting-started/install).

## Install

### Manually

Download the compiled and minified [Spectre CSS file](https://github.com/angular-package/spectre.css/releases) (core \~**30**kB min+tar):

[Download Spectre.css](https://github.com/angular-package/spectre.css/releases)

Include `spectre.min.css` located in **`/dist`** in your website or Web app . Also, you can add `spectre-icons.min.css` and `spectre-exp.min.css` accordingly.

```html
<link rel="stylesheet" href="spectre.min.css">
<link rel="stylesheet" href="spectre-exp.min.css">
<link rel="stylesheet" href="spectre-icons.min.css">
```

### From CDN

Alternatively, you can use the [unpkg](https://unpkg.com/) to load compiled Spectre.css.

```html
<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre.min.css">
<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre-exp.min.css">
<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre-icons.min.css">
```

### With NPM

```bash
npm install @angular-package/spectre.css --save
```

### With Yarn

```bash
yarn add @angular-package/spectre.css
```