20 Useful and Free jQuery Tooltip Plugins

You may have noticed on some websites that when you move your mouse to certain buttons, a small speech bubble appears letting you know what will happen if you click the button. This small speech bubble is called as Tooltip and it is very helpful from the users’ point of view as it informs them about the expected results.

These days, jQuery plugins are extensively used to create visually appealing and fully functional tooltips. Although there are numerous jQuery plugins available for creating tooltips but here, we are only presenting 20 jQuery tooltips plugins that are very useful and free of cost.

So, feel free to browse through this collection and have more fun in using them in your work. Enjoy!

TipTip

( 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

Build a Better Tooltip with jQuery Awesomeness

( Demo | Download )

With this smart jquery plugin you can replace the typical browser tooltip with something a little flashier.

Build a Better Tooltip with jQuery Awesomeness

jQuery (MB) Tooltip

( Demo | Download )

With this plugin you can replace the ugly default tooltip with this smart and nice one!

jQuery & CSS Tooltip

( Demo | Download )

The code to implementing these tooltips is extremely simple and concise, and this allows you to incorporate tooltips into your application without unnecessary bloat and hassle.

jQuery & CSS Tooltip

Sticky Tooltip

( 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.

Sticky Tooltip

jQuery Tooltip Plugin

( Demo | Download )

With this plugin you can create a beautiful and simple animated hover tooltip for you web project.

jQuery Tooltip Plugin

jQuery Image Tooltips

( Demo | Download )

It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it’s a useful script for your website.

jQuery Image Tooltips

DHTML Tooltips

( Demo | Download )

Presenting dyn-web’s JavaScript DHTML Tooltips with unobtrusive event handling and easy setup. The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display.

DHTML Tooltips

Prototip 2

( Demo | Download )

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

Prototip 2

Mobile Tooltip Widget for GWT

( Demo | Download )

Mobile Tooltip widget a mod version of the tooltip widget for GWT which supports mouse movement event.

Mobile Tooltip Widget for GWT

ClueTip

( Demo | Download )

The clueTip plugin allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.

ClueTip

EZPZ Tooltip

( Demo | Download )

The tooltip appears as you hover over the target, and follows the mouse cursor until it leaves the target.

EZPZ Tooltip

Balloon Tooltip Demonstration

( Demo | Download )

The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips (AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website.

Balloon Tooltip Demonstration

ToolTip MooTools

( Demo | Download )

This plugins use Gzip loader technique that will deliver CSS and Javascript files more faster and also with minimun HTTP request.

ToolTip_MooTools

MooTools Tooltip

( Demo | Download )

With this pluging you can create an awesome tooltip for your image, simple to use.

MooTools Tooltip

Tooltip.js

( Demo | Download )

Tooltip.js is a simple library that builds on top of Prototype and Script.aculo.us. You can create tooltips programatically, or just by using special CSS classes.

Tooltip.js

Advanced Tooltips

( Demo | Download )

With Taggify widget you can enhance your blog with nice functionality showing popup tooltips for people on your photos.

Advanced Tooltips

qTip2

( Demo | Download )

qTip2 is user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support.

qTip2

tipsy

( Demo | Download )

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

tipsy

Cool DHTML Tooltip

( Demo | Download )

Fancy tooltips with an “arrow” pointer are commonly found in desktop applications. Well, now you can add a similarly looking tooltip to your webpage.

Cool DHTML Tooltip


design

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


2 Comments

  1. html6game says:

    Very nice, these jQuery libraries and tools, can let me more easily develop applications, thank bloggers share, Hah.

  2. xiant says:

    thanks a lot ! very useful plugins