Best jQuery Tooltip Plugins & Tutorials with Demo

jQuery Accessible simple Tooltip window using ARIA

jQuery Accessible simple Tooltip window using ARIA

This jQuery plugin will provide you an accessible and simple non-modal tooltip, using ARIA.

jQuery Wikipedia Tooltip Plugin for Texts and Keywords

jQuery Wikipedia Tooltip Plugin for Texts and Keywords

Simple Integration of jQuery Wikipedia Tooltips plugin (with Summary and Image) for specific Keywords in Texts.

Features:

  • Support of over 300 Languages
  • Multiple Themes
  • Multiple Animations
  • Wikipedia API
  • Responsive
  • Mobile Ready
  • Callback Functions
  • No Database
  • No Install

Tippy.js : Vanilla JS Tooltip Library

Tippy.js : Vanilla JS Tooltip Library

Tippy.js is a lightweight, vanilla JS tooltip library powered by Popper.js.

Microtip : Minimal CSS Tooptip Library

Microtip : Minimal CSS Tooptip Library

Microtip is a modern, minimal css tooptip library with accessibility baked in. Just `1kb` minified and gzipped.

jQuery MB balloon : Tooltip plugin

jQuery MB balloon : Tooltip plugin

jQuery mb balloon is a jQuery plug-in to add a balloon tip to any element; content can be a simple string, a DOM element or AJAX content.

Playful Little Tooltip Ideas with SVG & JavaScript

Playful Little Tooltip Ideas with SVG & JavaScript

Today we’d like to share a couple of simple tooltip animation ideas with you. The tooltips have different shapes mostly made of SVGs and we are animating them with anime.js. Some of these bouncy fellas use SVG path morphing, others transforms and one is a simple text effect.

infoBox : jQuery Tooltip style Plugin

infoBox : jQuery Tooltip style Plugin

infoBox is a tooltip style jQuery plugin to create information signs on your webpages which will show information boxes on mouseover. The created information boxes will resemble the conversation/message boxes. These boxes will be aligned perfectly without moving out of the page unless you specify a larger width for the box.

Wenk : Lightweight Pure CSS Tooltip

Wenk : Lightweight Pure CSS Tooltip

Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. The minified version is just 701 bytes when gzipped. It can easily be styled using data-* attributes or classes. By default the tooltip will adjust to fit the content.

Toolgif : Simple jQuery GIF Tooltip Plugin

Toolgif : Simple jQuery GIF Tooltip Plugin

Toolgif is a lightweight and very simple jQuery gif tooltip plugin. Also there area some options for customize tooltip.

BootstrapX Clickover : jQuery Bootstrap Click Managed Popovers

BootstrapX Clickover : jQuery Bootstrap Click Managed Popovers

BootstrapX Clickover provides a Bootstrap extension to allow popovers to be opened and closed with clicks on elements instead of hover or focus.