---
description: '@angular-package/spectre.css installation'
---

# 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
```
