jQuery Tooltip plugins allow users to display information on your website, when a user hovers the mouse pointer on a particular area of a websites. This can be useful for displaying important information to users without redirecting them to another part of a website. You can setup tooltips for your slideshows, image galleries, videos, notification bars and much more.
For this roundup we have created a list of 30 Best jQuery Tooltip plugins for 2016 which we feel are best and provide you amazing tooltip functionality for your websites easily. These plugins has myriad of powerful features to make your websites multi functional and more user friendly.
1. Zebra Tooltip
Zebra_Tooltips is a lightweight (around 6KB minified, 1.9KB gzipped) jQuery plugin for creating simple but smart and visually attractive tooltips, featuring nice transitions, and offering a wide range of configuration options.
The plugin detects the edges of the browser window and makes sure that the tooltips always stay in the visible area of the browser window by placing them beneath or above the parent element, and shifting them left or right so that the tooltips are always visible.
Protip is a new generation jQuery tooltip plugin for any situation. It has 49 positions, icon support, animations auto-hide, live refresh of tooltip options, gravity, skins, sizes, schemes and much more.
ggpopover.js is a simple jQuery popover plugin extended from Bootstrap’s popover plugin that supports 4 positions, title background color, title font color, title border color, content background color, content text color, arrow color without using images.
EveryTip is a Jquery plugin that will read out any element’s title tag and converts it into a individual styleable dynamic tooltip.
You can apply it on any element you want e.g.: img, a , li, span, div and so on. The plugin automatically detects all elements of your specified type on the whole page and add’s a tooltip to it. It also supports inside HTML, so you can display all HTML tags inside a tooltip.
9. WebUI Popover
WebUI Popover is a lightweight jQuery popover plugin that enchance the popover plugin of Bootstrap with some awesome new features. It works well with Bootstrap.
This plugin is fast, lightweight and supports more placement, different styles, support async mode, support url and iframe and much more.
See Also —
15 Free jQuery Lightbox Plugins
popModal is a jQuery plugin for showing tooltips, titles, modal dialogs.
qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework. qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all… it’s completely free under the MIT/GPLv2 licenses!
15. jQuery Media Tooltip
jQuery Media Tooltip is another great jQuery tooltip plugin which allows you to add tooltips to anytype of media you have.
This plugin supports YouTube, Vimeo, and Daily Motion, it has built in JW player, you can set position of tooltips with this plugin and set redirect to a link and also set size of tooltip.
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the Twitter Bootstrap icons and provides flexibility around the toolbars display and number of icons.
20. Cramie jQuery Tooltips Plugin
jQuery Tooltips plugin is a jQuery plugins to display tooltips text. There are 6 colors available: yellow, black, white, red, blue, green. But, it’s easily customizable and you can add more colors to suit your website’s design. You can choose to display the tooltip in 3 locations, on the top of the page, the bottom of the page, or floating over the element.
Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips. It supports HTML tags inside the tooltip, lightweight and degradable, extremely flexible and fast to setup, and plays nicely with IE.
TinyTip is a very small tooltip jQuery plugin without using CSS. TinyTip does not force any styling over your tooltips, you can style your tooltips as desired. It also allows you to display any content, texts, html and Dom elements inside your tooltips.
23. jQuery Tooltipify
This is a powerful responsive tooltip plugin comes with valid HTML and CSS3. This is one of the most popular jQuery tooltip plugin which comes with 12 positions, menu templates, image map areas, color present & templates, video tooltip, image hotspots, and much more.
iTip (Icon Tooltip) is a jQuery plugin that allows you to quickly add a tooltip filled with icons to any HTML element. The plugin uses ‘animate.css’ for some awesome css3 animations and ‘modernizr’ to make sure the plugin works in browsers that do not support css3 animations.
PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.
Colortip is a simple jQuery tooltip plugin. It is going to convert the title attributes of elements within your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.
30. Metro Tooltip
Metro Tooltip is a powerful tooltip plugin which shows information in metro style to the users. This plugin is lightweight, easy to setup, retina ready and includes HTML colors, 24 different animations, and much more.
Tooltips can be handy while showing short notice and information on your websites. Above mentioned plugins are very useful for setting up such feature. Let us know which one is your favourite and if we missed any, let us know by posting a comment below, we would love to add that plugin in the list.