Best jQuery Tooltip Plugins & Tutorials with Demo

Popper.js : Easily position Tooltips & Popovers

Popper.js : Easily position Tooltips & Popovers

Popper.js is a library used to create poppers in web applications. Popper.js is built from the ground up to being modular and fully hackable customizable. It supports a plugin system you can use to add particular behaviors to your poppers.

Balloon.css : CSS Tooltips

Balloon.css : CSS Tooltips

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.

Easypin : Simple Image Pinning Plugin

Easypin : Simple Image Pinning Plugin

Simple and fast image pinning plugin. There are dependencies with the library jQuery easing plugin.

Nutip : jQuery Multi-Style Tooltip & Notification

Nutip : jQuery Multi-Style Tooltip & Notification

NüTip is a jQuery plugin that gives you several different styles to provide visitors with additional information.

jQuery Interactive Image Plugin

jQuery Interactive Image Plugin

A jQuery plugin to embed interactive images on your website.

Features:

  • Insert interactive texts and images over large pictures
  • Flexible configuration
  • Easily customizable with CSS
  • Fully tested with CasperJS
  • Installable via package managers

FLY : jQuery Popover & Tooltip plugin

FLY : jQuery Popover & Tooltip plugin

FLY is an extensible jQuery dropdown/popover/tooltip plugin.

Html5tooltips.js : Tooltips with smooth 3D animation

Html5tooltips.js : Tooltips with smooth 3D animation

Tooltips  written in pure JavaScript, with smooth 3D animation implemented in CSS. No framework dependencies.

Protip : jQuery Tooltip plugin

Protip : jQuery Tooltip plugin

A new generation jQuery Tooltip plugin.

Features:

  • 49 position
  • Live refresh of tooltip options.
  • Gravity: find a better position if it won’t fit to the screen.
  • Placements: outside, inside, border, center
  • Custom HTML content
  • Icon support
  • Skins, sizes, schemes
  • Animations support
  • Custom event callbacks

Hint.css : A tooltip library in CSS

Hint.css : A tooltip library in CSS

Hint.css is written as a pure CSS resource using which you can create cool tooltips for your web app. It does not rely on JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips.

offscreen.js : Detects if an Element falls of the Viewport

offscreen.js : Detects if an Element falls of the Viewport

jQuery plugin to detects if an element (tooltip) falls of the right/left/top/bottom side of your screen/viewport.Adds a class to all your elements with the defined selector that fall of the right/left/top/bottom side of the screen.



Best jQuery websites design awards