---
title: Getting Started
path: /v5/getting-started/
index: 1
---
There are two ways to install the package.
### 1. Package Manager
```bash
# npm
npm i tippy.js
# Yarn
yarn add tippy.js
```
In your application, import the `tippy` module, and the core CSS:
```js
import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';
```
This assumes you're using a module bundler like webpack, Rollup, or Parcel. If
you're getting an error message about `process` inside the browser,
[see the FAQ for help.](../faq/#im-getting-uncaught-referenceerror-process-is-not-defined)
### 2. CDN
```html
```
Place them at the very bottom of the ``, ensuring they are placed before
your own scripts. The version numbers after `@` are important, make sure they
don't get removed.
#### Development version
While developing, it's recommended to use the development file which includes
helpful warnings and error messages when something goes wrong:
```html
```
When you're finished developing (or deploying for production), you can remove
everything after `@5` (the production file as listed before).
### CSS
Tippy includes a CSS stylesheet by default for the base tooltip styling, fade
animation, CSS arrows, and other required CSS.
#### CDN
When including the script link above via CDN, the CSS stylesheet is injected
into its own `