# Installation

There are three different ways to add Charts.css to your project: download the stylesheet file, use a CDN, or use a package manager.

# Download

To download Charts.css latest release, visit our GitHub repository:

https://github.com/ChartsCSS/charts.css/releases (opens new window)

Open the ZIP file and copy the dist/charts.min.css file to your project.

Next, you need to load the CSS file in your HTML document. Paste the stylesheet path to your <link> tag and place it inside the document <head>.

<link rel="stylesheet" href="path/to/your/charts.min.css">


Alternatively, use a CDN. Copy one of the following <link> tags and paste it inside the document <head>.

Use jsdelivr (opens new window) CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css">

Or unpkg (opens new window) CDN:

<link rel="stylesheet" href="https://unpkg.com/charts.css/dist/charts.min.css">

# Package Manager

If you are developing a Node.js powered application, pull Charts.css source files using your favorite package manager.

Install using npm (opens new window):

npm install charts.css

Or using yarn (opens new window):

yarn add charts.css

Then import it in your project:

import 'charts.css';