Tooltips & Popovers

Popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

Tooltips

Four options are available: top, right, bottom, and left aligned.

Tippy Tooltips

A highly customizable vanilla JS tooltip & popover library

Placement

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

Arrows

Arrows point toward the reference element.

Interactivity

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

Duration

A tippy can have different transition durations.

Animations

Tooltips can have different types of animations.

Themes

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

Misc

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