https://atomiks.github.io/tippyjs/

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/

combobox dropdown menu popover popup tooltip

Last synced: 3 months ago
JSON representation

Tooltip, popover, dropdown, and menu library

• Host: GitHub
• URL: https://atomiks.github.io/tippyjs/
• Owner: atomiks
• License: mit
• Created: 2017-04-01T06:51:35.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-19T08:54:04.000Z (7 months ago)
• Last Synced: 2024-04-23T20:36:59.275Z (6 months ago)
• Topics: combobox, dropdown, menu, popover, popup, tooltip
• Language: JavaScript
• Homepage: https://atomiks.github.io/tippyjs/
• Size: 16.6 MB
• Stars: 11,647
• Watchers: 89
• Forks: 513
• Open Issues: 93
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-vanilla-js - TippyJS - "The complete tooltip, popover, dropdown, and menu solution for the web" (Components / Tooltips)

README

        


  





  
Tippy.js

  
The complete tooltip, popover, dropdown, and menu solution for the web

  

   

  

  

    

  

  


  




## Demo and Documentation

➡️ **[View the latest demo & docs here](https://atomiks.github.io/tippyjs/)**

[Migration Guide](https://github.com/atomiks/tippyjs/blob/master/MIGRATION_GUIDE.md)

## Installation

### Package Managers

```bash

# npm

npm i tippy.js

# Yarn

yarn add tippy.js

```

Import the `tippy` constructor and the core CSS:

```js

import tippy from 'tippy.js';

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

```

### CDN

```html

```

The core CSS comes bundled with the default unpkg import.

## Usage

For detailed usage information,

[visit the docs](https://atomiks.github.io/tippyjs/v6/getting-started/).

## Component Wrappers

- React: [@tippyjs/react](https://github.com/atomiks/tippyjs-react) (official)

- Ember: [ember-tippy](https://github.com/nag5000/ember-tippy) (unofficial)

## License

MIT