Super Simple and Clean jQuery Tooltip Plugin - Tipr

File Size: 37.9 KB
Views Total: 4402
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Super Simple and Clean jQuery Tooltip Plugin - Tipr

Tipr is an extremely simple and lightweight jQuery plugin that attaches clean and flat tooltips to almost any HTML element by using data-tip attribute. The tooltips are fully customizable via css.

How to use it:

1. Include jQuery library and jQuery Tipr plugin after jQuery

<script src=""></script>
<link rel="stylesheet" type="text/css" href="tipr/tipr.css">
<script type="text/javascript" src="tipr/tipr.js"></script>

2. The HTML. Using data-tip attribute to add tooltips to your elements

<span class="tip" data-tip="Dolor amet">Lorem ipsum</span>

3. Call the plugin

$(document).ready(function() {

4. Default settings.

$(document).ready(function() {
   // The space at the bottom of the viewport, in pixels
   'space': 70,

   // animation speed
   'speed': 200,

   // positions
   'mode': 'bottom'

Change logs:


  • Version 3.2


  • Version 3.1


  • Version 3.0


  • Version 2.0.1


  • Version 2.0


  • Version 1.1


This awesome jQuery plugin is developed by Tipue. For more Advanced Usages, please check the demo page or visit the official website.