Tooltip is a GUI element that lets you display information, messages or activity on your website when a user hovers their pointer over a particular item without clicking it. Tooltips can be considered as an important user-interface components for most websites as it offers myriad of functionality and features.
For this roundup we have gathered a list of 25 Best jQuery Tooltip Plugins that will allow you to beautify your websites contents and offer functionality for hassle free navigation for your users. So without further ado, lets check out the following jQuery Tooltip Plugins. Enjoy !!
Tooltipster is a jQuery plugin for quickly creating HTML5-validated and flexible tooltips. The plugin is small-in-size (4.8kb minified), works fast and can be customized with ease. Its look can be changed with CSS (theme support) and the position of the arrow, following the mouse, delay/period of the appearance can all be defined.
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 flexability around the toolbars display and number of icons.
6. Dark Tooltip
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!
Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text.
Tooltipsy is a jQuery plugin that provides a flexible base for creating tooltips. It comes with minimum default styles or animations but gives you the complete control over them. It can be positioned however you wish, look and feel can be totally customized with CSS and any type of animations can be implemented.
16. Simple Tooltip
Simpletooltip is a jQuery plugin, thought to insert short tooltipsto any element of your website more easily. This plugin shows tooltip on 12 functional position and has 4 color themes. It’s lightweight and fast.
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 withing 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.
19. Sweet Tooltip
Sweet Tooltip is a jQuery & CSS3-based tooltip, not merely a one-style tooltip but seven. This imageless tooltips are crafted using CSS power, linear-gradient, box-shadow, text-shadow, :after and :before selector, etc.
A simple jQuery plugin to better style native browser tooltips. Small in size script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS.
22. Latest Tweets Tooltip
23. jQuery Validation Tooltip
24. Mb Tooltip
(mb)Tooltip is a beautiful tooltip for your webpage in jQuery. Simply by placing a “title” attribute with your content as value, and then you can replace the ugly default tooltip with this smart and nice one.