What is this?
Tippy.js is a complete tooltip, popover, dropdown, and menu library for the web, handling positioning and interactions for all of these UI elements with one core engine.
Tippy.js is a complete tooltip, popover, dropdown, and menu library for the web, handling positioning and interactions for all of these UI elements with one core engine.Is this a plain JavaScript library, or do I need a specific framework?It's a framework-agnostic vanilla JS library at its core, but it ships with an official React wrapper and a community-maintained Ember wrapper for those ecosystems.
It's a framework-agnostic vanilla JS library at its core, but it ships with an official React wrapper and a community-maintained Ember wrapper for those ecosystems.How do I add it to my project?Install it through a package manager and import the tippy constructor plus the core CSS, or skip the build step entirely and load it from the unpkg CDN, which already bundles that CSS.
Install it through a package manager and import the tippy constructor plus the core CSS, or skip the build step entirely and load it from the unpkg CDN, which already bundles that CSS.Does it rely on another library under the hood?Yes, tippy.js is built on top of @popperjs/core, which handles the actual positioning math for tooltips and menus.
Yes, tippy.js is built on top of @popperjs/core, which handles the actual positioning math for tooltips and menus.Is tippy.js still actively maintained?No, the repository is archived, so it's effectively frozen: no new features, bug fixes, or security patches are expected going forward.
No, the repository is archived, so it's effectively frozen: no new features, bug fixes, or security patches are expected going forward.What UI elements can tippy.js build besides basic tooltips?The same engine also powers popovers, dropdowns, menus, and combobox-style widgets, all sharing the core positioning and interaction logic.
The same engine also powers popovers, dropdowns, menus, and combobox-style widgets, all sharing the core positioning and interaction logic.Does it come with ready-made styling, or do I need to write my own CSS?It ships with a core CSS file you import alongside the JS, and the unpkg CDN build already bundles that CSS for you automatically.
It ships with a core CSS file you import alongside the JS, and the unpkg CDN build already bundles that CSS for you automatically.Is there help for upgrading between tippy.js versions?Yes, the README links out to a dedicated Migration Guide for moving between major versions.
Yes, the README links out to a dedicated Migration Guide for moving between major versions.Can I use tippy.js with React or Ember specifically?Yes, there's an official @tippyjs/react wrapper plus an unofficial community-built ember-tippy wrapper for Ember apps.
Yes, there's an official @tippyjs/react wrapper plus an unofficial community-built ember-tippy wrapper for Ember apps.What are similar projects?floating-ui, Semantic-UI, downshift, material, tui.calendar, react-bootstrap, Semantic-UI-React, sweetalert2
floating-ui, Semantic-UI, downshift, material, tui.calendar, react-bootstrap, Semantic-UI-React, sweetalert2Which topics is it in?tooltip, dropdown, component-library, javascript-library, ui-components, deprecated, css, web-development, react, npm, frontend, library
tooltip, dropdown, component-library, javascript-library, ui-components, deprecated, css, web-development, react, npm, frontend, library