10 Best Tooltip Libraries in JavaScript & Pure CSS (2026 Update)
What is a Tooltip?
Tooltips are common elements of interaction in the desktop world. Their usage has spread to mobile and touch devices as well.
Tooltips usually provide additional information in a non-intrusive manner. They appears when the user move the cursor to hover over an object and relevant information about the object is displayed.
Tooltips are an indispensable part of website design and creation. They can be used for a multitude of things, such as information about products or images, call-to-action buttons, descriptions for images and many other uses besides.
The Best Tooltip Plugin
A tooltip plugin is a very useful tool that can enhance your website's usability. This is the reason why there are numerous free and paid tooltips available on the web. In this article, we reveal 10 best JavaScript and CSS-only tooltip plugins so that you can choose one of them for your next project.
Originally Published May 20 2022, updated Mar 05 2026
Table of contents:
Best jQuery Tooltip Plugins
Clean & Flexible Tooltip Plugin For jQuery - Tooltipster
A clean and lightweight jQuery Tooltip Plugin for creating extremely flexible, HTML5 validated, touch-enabled tooltips on any DOM element.
Lightweight and Highly Customizable jQuery Tooltip Plugin - Zebra_Tooltips
A lightweight, highly customizable and cross-browser jQuery plugin for creating simple, but smart and visually attractive tooltips, featuring nice transitions and offering a lot of configuration options.
Ajax-enabled jQuery Balloon Tooltip Plugin - mb.balloon
A brand new jQuery tooltip plugin which displays animated tooltips/popups/hints with an optional fullscreen overlay on any DOM elements.
Custom Tooltip Follows Mouse Cursor - jQuery YACSSTooltip
Yet another jQuery tooltip plugin to create tooltip overlays using alt or title attributes that always follow the cursor on mouse move.
Animated Rich-text Tooltip & Popover Plugin - jQuery serialtip
A lightweight jQuery plugin for easily creating animated, customizable, rich-text tooltips and popovers that appear on-hover or on-click, on any HTML element.
Best Vanilla JS Tooltip Libraries
Customizable Interactive Tooltips In Pure JavaScript – Tippy.js
A small yet highly customizable JavaScript tooltip library that helps you add customizable, interactive, animated, accessible, touch-friendly tooltips to any DOM element.
Accessible Rich-text Tooltips with with Auto-Positioning – webcimes-tooltip
A vanilla JavaScript library that creates animated and accessible tooltips for clickable elements (like buttons) or any elements with title attribute.
Minimal Dynamic Tooltip In Pure JavaScript – TooltipsJS
The TooltipsJS library appends a minimal yet customizable fading & sliding tooltip to any DOM element. No CSS and 3rd dependencies.
Best CSS Only Tooltips
CSS Only Accessible Tooltip & Popover – pop-pop.css
A simple, accessible, flexible, customizable CSS tooltip & popover library for the modern web & mobile design.
Moder Pure CSS Tooltip Library – Cooltipz.css
A lightweight, accessible, CSS-only, configurable tooltip library for modern web UI/UX design.
Conclusion:
In this post I have compiled simple, lightweight and cross-browser compatible tooltip plugins written in JavaScript or Pure CSS. These libraries improve the user experience by providing the option to inform your users about the context of a page or if there is an error on the page.
Of course, there are tons of other tooltip libraries out there, each with their own unique features. However, we've narrowed down our list to the top 10 best libraries for creating custom tooltips. You're sure to find something that works great for you.
More Resources
Looking for more jQuery plugins or JavaScript/CSS libraries to create custom tooltips on the web & mobile? See jQuery Tooltip and JavaScript/CSS Tooltip sections for more details.
