OSS Tanbou
Sign in with GitHub
Archived on GitHub

Tippy.js

View on GitHubProject website

position tooltips, popovers, and dropdowns with Popper and attach them to hover, focus, or click interactions

OSS scale score 195.6Update pace 0 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
12,240
Primary language
JavaScript
License
MIT
Repository last updated
May 27, 2024
On this page

Overview

Tippy.js is a JavaScript library for tooltips, popovers, dropdowns, and menus on the web. It uses Popper 2 for positioning and attaches floating content and interaction options to target elements.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Key features

Attach tooltips and popovers to target elements

Import tippy, load the core tippy.js/dist/tippy.css stylesheet, and configure content and options for a selector or element to create floating UI.

Sources: [1]

Use Popper 2 positioning for placement and overflow behavior

Version 6 moved to Popper.js v2, with lower-level placement and overflow configuration passed through popperOptions and Popper modifiers.

Sources: [2]

Tune ARIA behavior for interactive and non-interactive popovers

The v6 aria option exposes content and expanded controls with defaults that adapt to interactive usage, supporting both explanatory tooltips and interactive popovers.

Sources: [2]

Best fit

Fits contextual help and small popovers around buttons, icons, and form controls

It is useful for adding hover-, focus-, or click-driven explanatory UI and menu-like popups without restructuring existing DOM.

Sources: [1]

Before adoption

HTML content is disabled by default and should be enabled only for trusted content

Version 6 defaults allowHTML to false for XSS safety. Applications that explicitly enable HTML content should avoid passing untrusted strings.

Sources: [2]

The repository is archived and active maintenance has ended

The GitHubリポジトリ is currently archived and the latest release is 6.3.7. Existing integrations can continue to reference it, but new projects should compare actively maintained alternatives and future browser compatibility.

Sources: [1][3]

Official sources

  1. [1]Tippy.js v6.3.7 README(2026-10-05)
  2. [2]Tippy.js v6 migration guide(2026-10-05)
  3. [3]Tippy.js v6.3.7 package metadata(2026-10-05)
  4. [4]Tippy.js v6.3.7 release(2026-10-05)
  5. [5]Tippy.js MIT license(2026-10-05)
Supplemental curator note

Tippy.js remains a polished way to understand and maintain tooltip/popover integrations, but the repository is now archived. Version 6.3.7 can still be relevant for existing systems; new projects should compare actively maintained alternatives and future browser compatibility.

Try it in 3 steps

  1. 1

    Install Tippy.js 6.3.7

    Because the repository is archived, pin the final release when reproducing or maintaining an existing integration.

    npm install --save-exact tippy.js@6.3.7
  2. 2

    Import Tippy and the core CSS

    Follow the README by loading the constructor and core stylesheet.

    import tippy from 'tippy.js'; import 'tippy.js/dist/tippy.css';
  3. 3

    Attach a tooltip to a target element

    Configure tooltip content for the target element. For new projects, compare actively maintained alternatives because this repository is archived.

    tippy('#help-button', { content: 'Helpful context', });
Check the official README

Growth

Growth trends · Last 30 days

12,240 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
0
Open PRs
11

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • tooltip
  • popover
  • menu
  • combobox
  • dropdown
  • popup
Stars
12,240
Forks
539
Watchers
1
Open issues
93
Contributors
35
Owner type
User
Primary language
JavaScript
License
MIT
Repository last updated
May 27, 2024
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.

After reading this page, do you know what to do next?