back to home
atomiks / tippyjs
Tooltip, popover, dropdown, and menu library
12,305 stars
539 forks
104 issues
JavaScriptTypeScriptSCSS
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing atomiks/tippyjs in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Summary (README)
Preview<div align="center">
<img alt="Tippy.js logo" src="https://github.com/atomiks/tippyjs/raw/master/logo.png" height="117" />
</div>
<div align="center">
<h1>Tippy.js</h1>
<p>The complete tooltip, popover, dropdown, and menu solution for the web</p>
<a href="https://www.npmjs.com/package/tippy.js">
<img src="https://img.shields.io/npm/dm/tippy.js.svg?color=%235599ff&style=for-the-badge" alt="npm Downloads per Month">
<a>
<a href="https://github.com/atomiks/tippyjs/blob/master/LICENSE">
<img src="https://img.shields.io/npm/l/tippy.js.svg?color=%23c677cf&style=for-the-badge" alt="MIT License">
</a>
<br>
<br>
</div>
Demo and Documentation
➡️ View the latest demo & docs here
Installation
Package Managers
# npm
npm i tippy.js
# Yarn
yarn add tippy.js
Import the tippy constructor and the core CSS:
import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';
CDN
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
The core CSS comes bundled with the default unpkg import.
Usage
For detailed usage information, visit the docs.
Component Wrappers
- React: @tippyjs/react (official)
- Ember: ember-tippy (unofficial)
License
MIT