Placement Tooltips

A highly customizable vanilla JS tooltip & popover library

The default tippy tooltip looks like this when given no options. It has a nifty backdrop filling animation!

Arrows Tooltips

Arrows point toward the reference element.

Interactivity Tooltips

Tooltips can be interactive, meaning they won't hide when you hover over or click on them.

Duration Tooltips

A tippy can have different transition durations.

Animations Tooltips

Tooltips can have different types of animations.

Themes Tooltips

A tippy can have any kind of theme you want! Creating a custom theme is a breeze.

Misc Tooltips

Tippy has a ton of features, and it's constantly improving.