# Installation

Looking to quickly add Vue Charts.css to your project? You can use a CDN, a package manager, or download the JS file.

This installation guide assumes you have already installed Charts.CSS following the installation guide here (opens new window). Vue Charts.CSS is a secondary wrapper to install on-top of this framework.

# Dependencies

Need Vue 2 support?

Vue Charts CSS is built for Vue 3, however you can still use the Vue 2 supported version of Vue Charts CSS by locking to the 1.x.x versions of the package.

Make sure your package.json file has the following:

"dependencies": {
  "vue.charts.css": "^1.0.1"
}
1
2
3

Vue 2 is supported under the vue2 branch and 1.x.x versions of the package. However, it is highly recommended upgrading to Vue 3 for long-term support.

# Package Manager

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

Install using npm (opens new window):

npm install vue.charts.css
1

Or using yarn (opens new window):

yarn add vue.charts.css
1

# CDN

Copy one of the following <link> tags and paste it inside the document <head>.

Use jsdelivr (opens new window) CDN:

<script src="https://cdn.jsdelivr.net/npm/vue.charts.css/dist/vue-charts-css.min.js"></script>
1

Or unpkg (opens new window) CDN:

<script src="https://unpkg.com/vue.charts.css/dist/vue-charts-css.min.js"></script>
1

# Download

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

https://github.com/Vue-Charts-CSS/vue.charts.css/releases (opens new window)

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

Next, you need to load the JS file in your HTML document. Paste the script path to your <script> tag and place it towards the bottom of the document <body>.

<script src="/path/to/your/vue-charts-css.min.js"></script>
1