jQuery, 46 Free jQuery Tooltip Plugins > script

https://cube3x.com/46-free-jquery-tooltip-plugins/

ooltips are a very helpful way to express significant text, social buttons or to provide inline help. Here we have listed 46 free and working tooltips. Some tooltips are pure CSS or JS tooltips. Most of the tooltips can be positioned in all directions, change colors or change the shape.

Here is a list of all free tooltips currently available online. Hope it will help you to save some time for your projects.

1. Opentip

Opentip

Key Features

• Javascript tooltip framework
• Includes great styles
• Automatically downloads other contents using AJAX
• Point tooltip stems in any direction
• Stays inside the browser viewport automatically
• Cross browser compatible. Works even in IE7

2. Tooltipster

Tooltipster

Key Features

• Cross browser compatible
• Custom themes and animations
• Option to disable touch devices
• Allows interaction with tooltip

3. Tooltipsy

Tooltipsy

Key Features

• Complete control over css, animation and positioning
• Lincensed under GNU General Public license
• 10 options to customize

4. Toolbar.js

Toolbar.js

Key Features

• Customizable using twitter bootstrap icons
• Multiple instances allowed
• Responsive and mobile friendly

5. Dynamic tooltips

Dynamic tooltips

Key Features

• Proper reposition is done to ensure the tooltip is always inside the viewport
• Custom css editing can be done
• Lightweight. Only 2kb of minified code

Sponsored Tooltip Plugin:

Likno Web Tooltips Builder

Likno jQuery Tooltips

Key Features

• WYSIWYG application
• No code required
• Many pre-made tooltip examples (themes)
• A lot of tooltip trigger options
• Plenty positioning options
• Open/Close effects
• Fixed size and variable sized tooltips
• Cross-browser, cross-CMS and cross-device result

6. jQuery Horizontal Tooltips

jQuery Horizontal Tooltips

7. Coda Bubble

Coda Bubble

8. Tiptip

Tiptip

Key Features

• Lightweight – Only 3.5kb minified
• Use zero images and is fully customizable using CSS
• More than 60K+ downloads completed
• Tooltip always stay within the browser boundary

9. MB Tooltip

MB Tooltip

10. SimpleTip

SimpleTip

Key Features

• Fixed and standard tooltip positions
• Position tooltip on left, right, top or bottom
• Absolute positioning of tooltip
• Fade and slide animation

11. qTip

qTip

Key Features

• User friendly and customizable
• Free to use under MIT License
• Nest tooltips within other tooltips

12. Inline HTML Tooltip

Inline HTML Tooltip

13. Tipsy

Tipsy

Key Features

• Easy positioning using gravity parameter
• Fade animation for the tooltip
• 10+ options for customization

14. Easiest jQuery Tooltip

Easiest jQuery Tooltip

15. BsTip

BsTip

16. EZPZ Tooltip

EZPZ Tooltip

Key Features

• The tooltip appears as you hover over the target, and follows the mouse cursor until it leaves the target.
• Supports static positioning. Method to show and hide content.
• Content loading with AJAX

17. BeautyTips

BeautyTips

Key Features

• The tooltip is drawn on HTML5 canvas
• Highly customizable
• Can draw stylish big tooltips

18. Tooltip

Tooltip

19. clueTip

clueTip

Key Features

• Multiple Content Sources
• Smart Positioning
• Flexible Behavior
• Style Variety

20. jqTooltip

jqTooltip

21. Poshy Tip

Poshy Tip

Key Features

• Different stylings can be applied using different color css classes
• Tooltip can be applied to form fields to show inline information
• Position of the tooltip can be changed around the element
• Asynchronous loading of content is possible
• Methods to trigger the tooltip events manually

22. grumble.js

grumble.js

Key Features

• The tooltip can be rotated around the element in any angles from 0 to 360
• Works in IE6+ and in modern browsers
• Image sprites can be changed manually

23. Joyride

Joyride

Key Features

• Option to load a product tour for your website.
• Cross browser compatible. Maximum use of css instead of images
• Responsive, works in all screen sizes
• Approx 12kb of file size after compression

24. jQuery Bubble Popup

jQuery Bubble Popup

Key Features

• Display smart, animated and shadowed tooltips
• Works in all major browsers.
• Lots of options and methods for customization

25. ColorTip

ColorTip

26. HoverCard

HoverCard

Key Features

• Smoothly fades the name to a hovercard
• Minimum amount of css
• Full control of html to be displayed
• Comes with builtin twitter and facebook hovercards

27. Tipped

Tipped

Key Features

• It uses HTML5 to draw beautiful tooltips
• Entire styling is done on HTML5 canvas
• Canvas based tooltips look great even in IE6
• Powerful API for customization

28. Javascript Tooltip

Javascript Tooltip

Key Features

• Tooltip content can be placed in script, html element or using AJAX
• Various positioning allowed.
• A close button is automatically shown in mobile devices so that they can be closed.
• Cross browser compatible starting from IE6+

29. Skinnytip

Skinnytip

Key Features

• Simple features. Therefore very small package size.
• Cross browser compatible
• Easy to install and configure

30. Responsive Mobile Friendly Tooltip

Responsive Mobile Friendly Tooltip

Key Features

• Responsive and mobile friendly
• Adjust position of tooltip

31. aTooltip

aTooltip

Key Features

• Lightweight (only 4kb uncompressed)
• Easy to use
• Choice of fixed, on click or follow mouse tooltip
• Highly customizable
• Compatable with Firefox 2.5+, Safari, Opera, Chrome and Internet Explorer 6, 7 & 8

32. Chilltip

Chilltip

33. CSS Tooltip

CSS Tooltip

Create css tooltips online using CSS Tooltip. There are lot of options to adjust to mould your tooltip. It is a pure css solution, not a jQuery plugin.

34. CSS Bubble Tooltips

CSS Bubble Tooltips

Pure CSS solution for tooltips.

35. Easy CSS Tooltip

Easy CSS Tooltip

Key Features

• Cross browser solution
• Lightweight. less than 1kb in size
• Tested with IE5, IE 5.5, IE 6, IE7, Safari 3.1, Latest Firefox & Opera Version.

36. CSS Speech Bubble

CSS Speech Bubble

37. CSS Tooltips

CSS Tooltips

Key Features

• Tooltip can be added to any element using data-tip attribute
• Tooltip can be added to inline or block level elements
• Colored tooltips can be implemented using classes

38. Hint.css

Hint.css

Key Features

• Created using pure HTML and CSS
• It is written in SASS
• Does not use javascript, instead use data-* attribute, pseudo elements, content property and CSS3 transitions

39. Prototip

Prototip

Key Features

• Easy to style and customize
• Complete control over tooltip positions
• Corners can be rounded without png images
• Speed bubble effect
• Cross browser compatible

40. jQuery and CSS Tooltip

jQuery and CSS Tooltip

41. Gips

Gips

Key Features

• Free to use tooltip plugin
• Ready to use CSS Themes available
• Animation, delay, text, theme and so on can be adjusted

42. Tooltip by dhtmlgoodies

Tooltip by dhtmlgoodies

43. Sticky Tooltip

Sticky Tooltip

Key Features

• Tooltip moves along with cursor
• Option to stick the tooltip
• Tooltips can be interactive

44. Powertip

Powertip

Key Features

• Highly customizable and repositioned
• Powerful API for developers
• Can add complex data to the tooltip.
• Supports static tooltips as well as tooltips that follow the mouse
• Smooth fade-ins and fade-outs
• Smart placement that (when enabled) will try to keep tooltips inside of the view port

45. Tipper

Tipper

46. Zebra tooltips

Zebra tooltips

Key Features

• Lightweight, 5kb compressed and 1.6kb gzipped
• Wide range of configuration and transition effects
• The plugin always ensures that tooltip is within browser boundaries
• Methods to fire plugin events manually