Best jQuery Tooltips plugins

PH Tooltip – Basic and Customizable jQuery Tooltip

This plugin is for you that needs a tooltip simple, customizable, lightweight and easy to use.

Try out a demo

$().wTooltip (Wayfarer Tooltip)

The “wTooltip” is a lightweight, flexible tooltip that is made to be easily customized. The default behavior is the conversion of the title attribute into the tooltip, which makes quick creation of multiple tooltips on any page a snap.

Try out a demo

jQuery Tools / Tooltip

Tooltip is a standard HTML element that you style with CSS. Inside the tooltip you can have any combination of HTML such as images, tables and forms. Tooltips can appear in any size and opacity.

Try out a demo

Tipped: A jQuery tooltip plugin

Tipped is a tooltip plugin initially designed to provide contextual information when an icon is clicked or hovered on. As a result, it does not follow the mouse, nor does it appear relative to the mouse. It appears relative to the element that has the tooltip attached.

jQuery Tooltip

jQuery Tooltip by Elliot Lings influenced by jquery.tipsy was made to create a better overlay to display larger content and easier to style.

Try out a demo

Yet Another JQuery Tooltip Plugin

A simple animated hover tooltip JQuery plugin with customizable styling.

Try out a demo

ChillTip – Chill Web Designs

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.

Try out a demo

simple jQuery tooltip

A flexible simple tooltip plugin. It can be attached to every DOM element and makes use of links titles and image alt attributes. In other case it uses the REL attribute.

Try out a demo

jQuery Tooltip Plugin

The jQuery Tooltip Plugin allows you to easily create tooltips with AJAX content.

PIMG! – Lightweight Image Preview Plugin

PIMG is extremely lightweight and very easy to implement image preview plugin.

Try out a demo

clueTip – flexible, enhanced tooltip

The clueTip plugin allows you to easily set a link, or any other element, to show a tooltip when the user’s mouse hovers over it. If the link includes a title attribute, its text becomes the heading of the clueTip.

jQuery Sticky Tooltip Script

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.

Try out a demo

(mb)Tooltip

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

TinyTips

TinyTips is a very lightweight jQuery tooltip plugin that allows you to add tooltips to any element on a page. Highly customizable and very easy to use. Only 1kb in size it is extremely lightweight and built to be a super fast solution in contrast to other complicated and bloated tooltip solutions.

Try out a demo

jQuery Hovertip – Minimalist tooltip

Minimalist replacement (under 1.2K uncompressed) for the browsers built-in tooltip. The advantage over the built-in tooltip is you can control the styling and it doesn’t disappear or timeout.

Try out a demo

jQuery Form Validation and Tooltip

jQuery plugin that combines simple tooltips and form validation.

Tooltip Toolbox

An extremely flexible tooltip that lets you create practically any non-modal overlays – dropdown menus, image gallery images etc.

Try out a demo

Simple tooltip plugin

Simple Tooltip is a tiny plugin for making simple tooltips, when hovering over an element.

Pines Notify

Pines Notify is a Growl like notification plugin. The Pines Notify plugin was developed by Hunter Perrin as part of Pines.

Try out a demo

okTips

okTips are a simple, but flexible solution that can be used for both tooltips, and modal dialogs.

Try out a demo