Best jQuery Tooltip Plugins & Tutorials with Demo

    jTippy : jQuery Tooltip Plugin

    October 16, 2019 | Plugins, Responsive
    jTippy : jQuery Tooltip Plugin

    jQuery tooltip plugin. Easy to use and configure with excellent responsive placement (on the demo page, try resizing your screen!).

    Features:

    • Multiple Triggers (click, hover, focus, hoverfocus)
    • Backdrops (black, white, blurred) – Only apply to trigger:’click’
    • Themes (black, lt-gray, white, blue, green, red)
    • Sizes (tiny, small, medium, large)
    • Responsive (prefers the specified position
    • Tooltip hide/show events
    • No-conflict CSS
    Read More Demo

    Popover Builder Responsive jQuery Plugin

    December 24, 2018 | Bootstrap, Plugins
    Popover Builder Responsive jQuery Plugin

    Popover Builder Responsive jQuery Plugin is a premium multi-purpose popover builder Plugin for Bootstrap and none Bootstrap sites. You can show content from other pages of the site easily like text, images etc. 50+ popular popovers designs are the part of this item. You can create your own popover design with the help of these pre-made designs.

    Features:

    • 50+ Pre-Built Popovers Designs
    • 45+ Animation Effects
    • PowerFul Builder To Build And Edit
    • Import Content From Other Pages Of Your Site
    • Import Content Dynamically Of Multiple Elements From Other Pages And Show This Content On Different Elements
    • You Can Easily Export Popover Settings From One Website And Import To Another Website
    • Animation Duration And Delay Ability
    Read More Demo

    jQuery Accessible simple Tooltip window using ARIA

    April 20, 2018 | Plugins
    jQuery Accessible simple Tooltip window using ARIA

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

    Read More Demo

    jQuery Wikipedia Tooltip Plugin for Texts and Keywords

    March 12, 2018 | Other API, Plugins, Premium
    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
    Read More Demo

    Tippy.js : Vanilla JS Tooltip Library

    March 6, 2018 | Core Java Script
    Tippy.js : Vanilla JS Tooltip Library

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

    Read More Demo

    Microtip : Minimal CSS Tooptip Library

    November 16, 2017 | CSS2 / CSS3.0
    Microtip : Minimal CSS Tooptip Library

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

    Read More Demo

    jQuery MB balloon : Tooltip plugin

    October 3, 2017 | Ajax, Plugins
    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.

    Read More Demo

    Playful Little Tooltip Ideas with SVG & JavaScript

    June 3, 2017 | Animation, Core Java Script, SVG Tutorial
    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.

    Read More Demo

    infoBox : jQuery Tooltip style Plugin

    May 20, 2017 | Plugins
    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.

    Read More Demo

    Wenk : Lightweight Pure CSS Tooltip

    October 12, 2016 | CSS2 / CSS3.0
    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.

    Read More Demo