---
description: Learn how to install Chocolat depending on your environment
---

# Installation

## Installing

Using the packet manager of your choice you can install chocolat like this:

```bash
yarn add chocolat
# or 
npm install chocolat
```

You can also clone or download the source and copy the `./dist/` folder in your working directory :

```
https://github.com/nicolas-t/chocolat/archive/master.zip
```

#### Classic import

If you do not use a module , you can still import chocolat via script tags (preferably just before closing `</body>`) :&#x20;

```markup
    <!-- ... -->
    <script src="dist/js/chocolat.js"></script>
</body>
```

You will also need to import the css between the `<head>` tags :

```markup
<head>
    <!-- ... -->
    <link rel="stylesheet" href="../dist/css/chocolat.css" />
    <!-- ... -->
</head>
```

#### Modern import&#x20;

If you use a bundler like webpack you can then import Chocolat module in your javascript file :

```javascript
import Chocolat from 'chocolat'
```

And import the CSS in your CSS file :&#x20;

```css
@import '~chocolat/dist/css/chocolat.css';
```
