18 Excellent jQuery Tooltip Plugins

Here are jQuery tooltip plugins for displaying text, image, or any html elements when a user hovers over specific html element. .

jqEasytooltip

Easy and customizable jquery plugin, built in css3 and well-designed javascript. Easy to use and customize for newbies, and strong for advanced users. Only one class to initialize (Declarative init) with data attributes. Modern css3 open and close effects.

easytip

Bigfoot.js

This script looks to make that whole process painless. It automatically detects the footnote link and content, turns the link into an easy-to-click button, and puts up a popover when the reader clicks on the footnote button.

footnotes

Tipper

A jQuery plugin for simple tooltips.

tipper

Tooltipster

Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

tooltip-plugins-1

gdakram

A simple animated hover tooltip JQuery plugin.

tooltip-plugins-2

Responsive and Mobile-Friendly Tooltip

It’s responsive. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).

tooltip-plugins-4

grumble.js

Add a bubble to any element; configure its rotation on a 360 degree axis and define its distance from the centre of the element. Bubble size adapts to contents – perfect when text is localised and size can not be determined up front.

tooltip-plugins-5

miniTip

This is an ultra lightweight jQuery plugin that creates highly customizable tooltips without all of the fluff.

tooltip-plugins-6

qTip2

It 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!

tooltip-plugins-7

tipsy

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

tooltip-plugins-8

Hotspot Map

It is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you!

tooltip-plugins-9

HoverAlls

This is a unique jQuery animation plugin that allows you to create animation effects quickly – without any knowledge of Javascript or jQuery. With over 40 settings, HoverAlls can create unique animations for nearly any type of effect desired.

tooltip-plugins-10

PowerTip

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

tooltip-plugins-11

Prototip

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

tooltip-plugins-12

Poshy Tip

This is a tooltip plugin that allows easily creating stylish tooltips and also includes the most useful features for such a script.

tooltip-plugins-13

BeautyTips

This is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips (sometimes called “talk bubbles” or “help balloons”) associated with a html element on the page. These tips are highly configurable and can be triggered in many different ways.

tooltip-plugins-14

gips

This is a clean and simple jQuery plugin and is based on Gips Freebie . Its simple, customizable, and easy to use. It also supports CSS themes.

tooltip-plugins-15

0 Comments

  1. Great article this post help me a lot thanks for sharing good information.

  2. Pretty good list, I was looking for qtip2.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.