# Style Dictionary
[](https://www.jsdelivr.com/package/npm/@jimmyandrademusic/style-dictionary)
## Install
```shell script
npm i @jimmyandrademusic/style-dictionary
```
## Use via CDN
### Using CSS variables
We recommend using jsDelivery as a CDN.
Through it, you can import the CSS on your webpage like this:
```html
```
Or, if you prefer, you can import it into your CSS file:
```css
@import url("https://cdn.jsdelivr.net/npm/@jimmyandrademusic/style-dictionary/dist/variables.css");
```
### Loading JavaScript via browser
In other situations, a JavaScript file in UMD format can be useful:
```html
```
Finally, it is possible to obtain a JSON with all properties also through a CDN:
`https://cdn.jsdelivr.net/npm/@jimmyandrademusic/style-dictionary/dist/index.json`
### Alternative CDN
Want to use another CDN? You can try `unkpg`:
* CSS: https://unpkg.com/@jimmyandrademusic/style-dictionary/dist/variables.css
* JavaScript UMD: http://unpkg.com/@jimmyandrademusic/style-dictionary
* JSON: https://unpkg.com/@jimmyandrademusic/style-dictionary/dist/index.json