Option 1: CDN
Include this script tag from the unpkg CDN in your document before your own scripts.
Place it at the bottom of the
<body> or in the
<head> with a
Option 2: Package Manager
Install using either npm or Yarn.
# npm npm i tippy.js # Yarn yarn add tippy.js
Then, import the
tippy module and its CSS.
import tippy from 'tippy.js' import 'tippy.js/dist/tippy.css'
Tippy is distributed in two formats:
umd (used by the browser and Node
esm (ES6 syntax used by module bundlers like webpack).
tippy.all.jsis all dependencies (
popper.js, and the CSS) in a single file. The CSS stylesheet gets injected into the document
tippy.jsby itself, externally importing
Tippy.js is making an effort to create official wrappers for various frameworks. At present, there is an official React wrapper available: