[Editor’s note: An earlier version of this article listed 73 tooltip plugins. That felt like...a lot. We pared down the list to 21 items, because sometimes less really is more.]

Everyone loves a good tooltip! (We certainly do.) We’ve put together a list of the best open-source tooltip plugins made with jQuery, JavaScript, CSS, and more. All the plugins on this list are free to download and easy to implement into your onboarding UX.

(Psst—If all this tooltip talk sounds like a great idea, but you just don’t have the time or dev resources to do it right, check out Appcues for user onboarding and feature adoption. We make building custom tooltips so easy, even a lowly content marketing manager can do it!)

1. Tooltipster

Language(s):  jQuery
What we like about it: Plugin for making clean, modern tooltips with many possible interactions, themes, and triggers.

2. Tippy.js

Language(s): JavaScript
What we like about it: Highly customizable vanilla JS tooltip library with many possible interactions, animations, and themes. Can contain HTML, and has a ton of features like dropdown nesting and cursor follow.

3. CSS Tooltip

Language(s): CSS
What we like about it: Simple tooltip with smooth animation made with HTML and CSS.

4. Tipr

Language(s): jQuery
What we like about it: Small, simple, flat jQuery tooltip plugin that can appear on almost any HTML element.

5. Fade-in tooltip

Language(s): CSS
What we like about it: Simple tooltip made featuring fade-in animation.

6. Grumble.js

Language(s): jQuery
What we like about it: Animated and stylized tooltip bubbles that can be rotated around a given element at any angle.

7. Protip

Language(s): jQuery
What we like about it: Intricate tooltip with multiple skins, placements, and animations, designed for “any situation.”

8. Tipped

Language(s): JavaScript
What we like about it: Very simple JavaScript tooltip solution with multiple skins, sizes, and interaction options.

9. Microtip

Language(s): CSS
What we like about it: Modern, minimal and very lightweight CSS-only tooltip library.

10. Automatic Tooltips

Language(s): Javascript
What we like about it: Fully styleable tooltips that can be automatically positioned.

11. JBox

Language(s): jQuery
What we like about it: A powerful and flexible plugin that also features modal windows and notices. Lightweight, customizable, and responsive.  

12. Wenk

Language(s): CSS
What we like about it: Lightweight tooltip available made with CSS. Can be easily styled using attributes or classes.

13. Crumble

Language(s): jQuery
What we like about it: Interactive jquery features tours. Quirky bubble style is visually interesting. Requires grumble.js (above).

14. Intro.js

Language(s): JavaScript
What we like about it: Powerful, versatile product feature tour library for step-by-step guides. No dependencies, user-friendly.

15. PowerTip

Language(s): jQuery
What we like about it: This jQuery tooltip plugin has a nice rules system that only allows only one tooltip to be visible at a time. Supports adding complex data to tooltips.

16. Toolbar.Js

Language(s): jQuery
What we like about it: Neat little jQuery plugin that makes tooltip-style toolbars for web apps and websites.

17. Simptip

Language(s): CSS
What we like about it: CSS tooltip made with Sass, which is pretty cool.

18. HubSpot Tooltip‍

Language(s): JavaScript, CSS
What we like about it: JS and CSS library for creating styleable tooltips. Built on Tether and Drop.

19. Hopscotch

Language(s): JavaScript
What we like about it: Framework for adding product tours (including multi-page tours). Works by accepting a tour JSON object as input and provides an API that allows the developer to control rendering.

20. darktooltip

Language(s): jQuery
What we like about it: Simple, customizable tooltip that supports HTML content.

21. Tipso

Language(s): jQuery
What we like about it: Lightweight and responsive jQuery tooltip plugin with CSS3 animations. Also exists as a Wordpress plugin, which is pretty handy.