Skip to content
Get packs

Tippy.js

A JavaScript library for adding tooltips, popovers, dropdowns and menus to web pages.

GitHub Download v6.3.7
Stars
12.2k
Forks
541
Licence
MIT
Language
JavaScript
Last update
2.4 years ago
Type
Library

This repository is archived and no longer maintained.

What it is

Tippy.js is a JavaScript library that lets a web developer attach small pop-up boxes, such as tooltips, popovers, dropdowns and menus, to elements on a page. It is installed through npm or Yarn, or loaded from a CDN. The README points to a demo and documentation site for details on how it works. The repository is archived, so it is no longer actively maintained.

  • Show a short explanatory tooltip when a user hovers over an icon or button
  • Open a small popover with extra details next to a page element
  • Build a dropdown or context-style menu attached to a button

Great for

  • Web developers who want ready-made tooltips or dropdown menus without building them from scratch
  • Front-end projects already using npm or Yarn
  • Teams that want an MIT-licensed UI helper they can read and modify

Not ideal for

  • Non-developers, since it requires writing JavaScript to use
  • Projects that need active maintenance or new bug fixes, because the repository is archived
  • Teams needing an officially supported React wrapper beyond the one listed, since the README marks the React wrapper as official but other framework support is not described

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js or Yarn for package-manager install, or a browser page for CDN use

    Install with npm

    npm i tippy.js

    Install with Yarn

    yarn add tippy.js
  2. 2

    Run it

    • Install the package with npm or Yarn
    • Import the tippy constructor and the core CSS into your project
    • Call tippy on an element that should show a popup, following the docs at the demo site
    • Open the page in a browser and hover or click the element to see the popup
  3. 3

    Get the most out of it

    • Use the official demo and docs site to explore options and examples
    • Read the Migration Guide if upgrading between major versions
    • Use the official React wrapper @tippyjs/react if you build with React

Downloads

Source code (.zip)master branch · straight from GitHubRelease v6.3.7Release notes and sourceOfficial website & docsatomiks.github.io/tippyjs/

Strengths

  • Covers tooltips, popovers, dropdowns and menus in one library
  • MIT license, so it is free to use and modify
  • Installable with a standard npm or Yarn command and also available via CDN

Trade-offs

  • The repository is archived and was last pushed in May 2024, so no future updates are expected from the maintainers
  • The README is truncated here, so detailed configuration options are only available on the external docs site
  • Depends on Popper.js for positioning, as shown in the CDN example

How it compares

ProjectStarsTypeLevelUpdatedBest for
tippyjs (this)12.2kLibraryintermediate2.4 years agoWeb developers who want ready-made tooltips or dropdown menus without building them from scratch
Semantic-UI51kLibrarybeginner1.9 years agoFront-end developers who want prebuilt UI components they can restyle with themes
floating-ui32.8kLibraryintermediate10 days agoWeb developers building tooltips, popovers, or dropdown menus
downshift12.3kLibraryintermediate4 months agoReact developers building a custom autocomplete or search-as-you-type input
driver.js27kLibraryintermediate8 days agoWeb developers adding a product tour or onboarding flow to an existing web app
sweetalert22.2kLibrarybeginner3.6 years agoWeb developers who want nicer alert and confirm popups than the browser default

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.