Tipr is a small and simple jQuery tooltip plugin.
Version 1.0.1
Also on GitHub.

Simple, small, flat, cool

Tipr displays attractive tooltips, and it's a shade under 3 KB, CSS included. The tooltips can appear above or below almost any HTML element.
Tipr is open source and released under the MIT License, and is compatible with all modern browsers.


We offer a range of flexible support plans for our jQuery plugins.

Getting Started

Copy the tipr folder to your site and include the following in the <head> section of your page.
The first line loads jQuery via Google Hosted Libraries. You can host the jQuery library locally if you prefer. The remaining lines load the Tipr CSS and the Tipr jQuery plugin.
Also included in the download package is tipr.min.js, a compressed release of the tipr.js plugin. You should use this if you don't intend to make any changes to the jQuery code.
Call the .tipr() method. Include this towards the end of the page.

Adding a tooltip

To add a tooltip to an HTML element, add the Tipr class. The data-tip data attribute contains the tooltip text.
You can stack the Tipr class, of course.


The options for Tipr are set as arguments in the .tipr() method.
The speed the tooltip displays, in milliseconds. The default is 200.
The tooltip position, either top or bottom. The default is 'bottom'.


Tipr supports IE 9 and above, along with recent versions of Google Chrome, Firefox, Safari and Opera.
jQuery plugins
See our other jQuery plugins.
© 2014, Tipue. Made in London. TOS