Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library.

Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips.

Canvas graphics

The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means you can easily change the style of your tooltips without having to create any images.

Tooltips created with Tipped don't degrade on older browsers, they look great in every browser!

Javascript API

With the powerful API provided by Tipped it's possible to quickly create and control tooltips customized to your site, all it takes is a few lines of Javascript.

And more...

Check out the demonstrations below or head over to the documentation to discover more awesome features.

Demonstrations

Skins

Skins are created using nothing but Canvas, this means you no longer have to worry about creating images. You can easily create your own skins using only a few lines of JavaScript.

Customization

The entire look of the tooltip can be customized. Here are just a few examples of what's possible, check out the documentation for more.

Positioning

Tipped lets you take full control over the positioning of your tooltips. You can even decide to let Tipped figure out the best possible position for your tooltip automatically.

Callbacks & Events

Callbacks are available for easy integration with your own code. Supported events are made to work on the iPad and iPhone, saving you time creating mobile specific code.

Ajax & HTML

Create even more advanced tooltips by pulling in HTML through Ajax or from elements on the page. Pretty much anything becomes possible when mixing this with callbacks.

The API

Tipped comes with an API that lets you show, hide or remove tooltips programatically.

Sign in