Skip to content
Submit

Tool

Tippy.js

Tooltip and popover library with smooth defaults

About

Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by .css-pom0h5{font-weight:bold;border-bottom:2px solid #425991;-webkit-transition:color 0.25s,border-color 0.2s;transition:color 0.25s,border-color 0.2s;}.css-pom0h5:hover{color:#fff;border-bottom:2px solid rgba(255,255,255,0.6);-webkit-text-decoration:none;text-decoration:none;}.css-pom0h5:active{border-bottom-style:dashed;} Popper .

It provides the logic and optional styling of elements that "pop out" from the flow of the document and float next to a target element.

Ready to start? Visit Getting Started , or view a demo of Tippy's features below.

It is triggered by either mouseenter or focus events so it appears when hovered, focused via keyboard navigation, or tapped when using a touch device.

Features

  • Getting Started
  • Customization
  • HTML Content
  • Tippy Instance
  • Accessibility
  • Headless Tippy
Pricing
Open Source
Pricing detail
Free MIT library
Platforms
Web / JS

Alternatives from our catalog

Tools on the same shelves as Tippy.js, ordered by shared tags and our own comparisons. Not vendor endorsements.

  • Micron.jsOpen Source · Web / JS

    Tiny library for button feedback micro-anims

    same tags

  • LivelyIconsOpen Source · React

    oss set

    same tags

  • Epic SpinnersOpen Source · Web / Vue / CSS

    Popular stylish spinner pack from Epicmax

    same tags

  • WhirlOpen Source · Web / CSS

    Copyable CSS loader zoo

    same tags

  • AnimistaFree · Web

    Go-to copy-paste CSS micro-anim generator

    same tags

  • Animatedicons.coFree · Web

    Large free animated icon pack with live color tweaks

    same tags

Listed in