15+ Tooltip jQuery Plugins

15-jQuery-Tooltip-Plugins15+ tooltip jQuery plugins for web designers to get inspired. Tooltip plugins to help the web developers to design a better UI and elegant web elements on their websites.

Tooltips are becoming an important part of web design nowadays. Tooltips are nothing but a small popups with useful information which appear on mouse hover on certain elements, these elements may be links, images or text. Tooltips helps the web design more enriching and space on the web layout is saved to some extent.

Tooltips can be generated using jQuery, JavaScript, CSS or other JavaScript frameworks. Today, we will see some of the beautiful jQuery tooltip plugins from around the web to inspire us. Here goes the list of 15+ tooltip jquery  plugins

1) Tooltipster Tooltip jQuery Plugin [Download and Demo]

A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.

Tooltipster-Tooltip-jQuery-Plugin2) qTip Tooltip jQuery Plugin [Download & Demo]

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework. Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features likerounded corners and speech bubble tips and is free for use.

qTip-Tooltip-jQuery-Plugin3) ColorTip Tooltip jQuery Plugin [Download & Demo]

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.

ColorTip-Tooltip-jQuery-Plugin

4) tinyTips Tooltip jQuery Plugin [Download & Demo]

TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. TinyTips is easy to install and use.

tinyTips-Tooltip-jQuery-Plugin

5) aToolTip Tooltip jQuery Plugin [Demo & Download]

aToolTip is lightweight, easy to use, has choice of fixed, click or on mouse follow tips, highly customizable  and compatible with older browsers.

aToolTip-Tooltip-jQuery-Plugin

6) iPicture² Image Tooltip jQuery Plugin [Demo & Download]

iPicture² is an evolution of free iPicture jQuery Plugin. iPicture² creates interactive pictures with extra descriptions, embedded video, links or everything else using javascript and css3.

iPicture2-Image-Tooltip-jQuery-Plugin

7) ChillTip Version 1.1 jQuery Plugin [Demo & Download]

Designed by Christopher Hill, ChillTip is a JQuery Plugin that allows you to have a custom designed tooltip for your website. It can be used for span, img, anchor attributes and pretty much anything else that uses the title attribute. ChillTip has been tested with IE6, IE7, IE8, Firefox, Google Chrome, Opera and Safari.

ChillTip-Tooltip--jQuery-Plugin

8) Poshy Tip – A jQuery Tooltip Plugin [Demo & Download]

Poshy Tip needs just one big image for the tooltip body and +1 for the arrow. Has advanced positioning options.  Can asynchronously load tooltip contents.

PoshyTip-Tooltip-jQuery-Plugin

9) Style My Tooltips jQuery Plugin [Demo & Download]

A simple, lightweight jQuery plugin to enhance the look of browser tooltips. Small in size (4kb unminified) script that works just like browser’s native tooltips with few options and styling via CSS.

Style-my-tooltips-jQuery-Plugin

10) lpTooltip jQuery Plugin [Demo & Download]

This is a tooltip jQuery plugin by Señor Luke Peters, which can do multi-line captions.

lpTooltip-jQuery-Plugin11) TipPop Tooltip jQuery Plugin [Demo & Download]

TipPop automaticly finds best availible position for a tooltip. Works with fixed elements.

TipPop-Tooltip-jQuery-Plugin

12) TipTip Tooltip jQuery Plugin [Demo & Download]

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin.
It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!

TipTip-Tooltip-jQuery-Plugin

13) miniTip Tooltip jQuery Plugin [Demo & Download]

miniTip-jQuery-Plugin

14) Sticky Tooltip Script [Demo & Download]

This script adds a rich HTML tooltip to elements that’s revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element. The tooltip can be “stickied”, or kept visible on the screen by right clicking on pressing “s” should the user wish to interact with some content within the tooltip, such as click a link inside it. The contents for each tooltip are simply defined as regular HTML on the page, making them very easy to define and customize. Throw in a subtle fade in effect, and you’ve got yourself a tooltip that can do more than just show extra information, but serve it as well!

Sticky-Tooltip-Script

15) PowerTip Tooltip jQuery Plugin [Demo & Download]

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.

PowerTip-Tooltip-jQuery-Plugin

16) Tipped Tooltip jQuery Plugin [Demo & Download]

Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.

Tipped-Tooltip-jQuery-Plugin

17) Latest Tweets Tooltip Plugin [Demo & Download]

This jQuery plugin shows the latest tweets about a certain word or phrase. This plugin is using the jQuery Twitter Search Plugin.

Latest-Tweets-Tooltip-jQuery-Plugin

18) EZPZ Tooltip jQuery Plugin [Demo & Download]

EZPZ-Tooltip-jQuery-Plugin

19) jQuery Bubble Popup v. 3.0 [Demo & Download]

jQuery Bubble Popup v. 3.0 display the tooltip bubble smart, animated and shadowed with just few lines of code.

jQuery-Bubble-Popup-Tooltip-Plugin

Tooltip Tutorial Bonus:

1) Bubble Point Tooltip With CSS3 Tutorial [Tutorial, Demo & Download]

Bubble-Point-Tooltip-CSS3-Tutorial

2) A Better Tooltip with jQuery Awesomeness [Tutorial, Demo & Download]

Better-Tooltip-With-jQuery-Awesomeness-Tutorial

 

Vinod

Vinod Suthersan is a enthusiastic web designer still learning new things on web designing. He loves designing, hunting new designs, blogging, and crazy about Internet. Know more

You may also like...