Tippy.js

A highly customizable tooltip and popover library powered by Popper.js.

Demo and Documentation

➡️ View the latest demo & docs here

View migration guide from v4 to v5

4.x docs

Installation

Package Managers

# npm
npm i tippy.js

# Yarn
yarn add tippy.js

Import the tippy constructor and the core CSS:

import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';

CDN

<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>

The core CSS comes bundled with the default unpkg import.

Usage

For detailed usage information, visit the docs.

Component Wrappers

React: @tippy.js/react

License

MIT