Smart4y Tooltip (Interface Components)

A versatile and responsive plugin for contemporary tooltips devoid of any Javascript library dependencies. Benefits: completely responsive, the possibility of inserting HTML content material, help effects, optimized for desktop and mobile devices, complete integration into the WYSIWYG editor and a lot extra. Demo on

Basic characteristics

  • Optimized for Desktop and Mobile devices.
  • Responsive, no Javascript library dependencies, involve Sass style supply codes.
  • Complete integration into wysiwyg editor.
  • Possibility to define worldwide settings for all tooltips or define to precise settings for every tooltip.
  • Possibility to insert html content material.
  • Predefined effects.
  • Recalculation of tooltip position on resize window.
  • Documentation incorporated (which includes the creation tooltip by script).

Setting selections

  • Animation impact: see obtainable effects.
  • Strategy of opening: On click or on hover (default). Hover is automatically transformed to click on mobile devices.
  • Position: It is doable to set values to leading or to bottom.
  • Open delay, Close delay: For mobile devices and &#8220click&#8221 occasion is automatically set to , default is 300 ms for Open delay and ms for Close delay.
  • Auto close delay: Default is false.
  • Interactive: Possibility to interact with the content material of the tooltip, default is correct.

tooltip example

Obtainable effects

  • The effects are primarily based on css3 transitions
  • The Effects are: None, Bounce, Flip, Point of view, Scale and Translate.
  • Posibility to define personal impact by adding css class.

tooltip effect example


It is automatically controlled according to the visible region of the web page. User can set default (leading or bottom) position but script will establish the genuine position primarily based on the visible region of the web page.
tooltip position


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


Installation and Instruction manual can be identified at the download package. If you can&#8217t uncover what you require please do not hesitate to make contact with me at [email protected].


# 1..1 - 18. 1. 2017
- Fixed: Removed the Byte order mark in files.