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.