Smart4y Tooltip

A flexible and responsive plugin for modern tooltips without any Javascript library dependencies. Advantages: fully responsive, the possibility of inserting HTML content, support effects, optimized for desktop and mobile devices, full integration into the WYSIWYG editor and much more. Demo on

General features

  • Optimized for Desktop and Mobile devices.
  • Responsive, no Javascript library dependencies, include Sass style source codes.
  • Full integration into wysiwyg editor.
  • Possibility to define global settings for all tooltips or define to specific settings for each tooltip.
  • Possibility to insert html content.
  • Predefined effects.
  • Recalculation of tooltip position on resize window.
  • Documentation included (including the creation tooltip by script).

Setting options

  • Animation effect: see available effects.
  • Method of opening: On click or on hover (default). Hover is automatically transformed to click on mobile devices.
  • Position: It is possible to set values to top or to bottom.
  • Open delay, Close delay: For mobile devices and “click” event is automatically set to 0, default is 300 ms for Open delay and 0 ms for Close delay.
  • Auto close delay: Default is false.
  • Interactive: Possibility to interact with the content of the tooltip, default is true.

tooltip example

Available effects

  • The effects are based on css3 transitions
  • The Effects are: None, Bounce, Flip, Perspective, Scale and Translate.
  • Posibility to define own effect by adding css class.

tooltip effect example


It is automatically controlled according to the visible area of the page. User can set default (top or bottom) position but script will determine the real position based on the visible area of the page. tooltip position


  • Czech (cs_CZ)
  • English (en-US)
  • Slovak (sk_SK)


Installation and Instruction manual can be found at the download package. If you can’t find what you need please do not hesitate to contact me at