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.
Basic Settings
Messages 25
I've finished it! See you so...
This theme is awesome!
Nice to meet you
Hey! there I'm available...
This theme is awesome!