/CustomTooltips

A very simple and lightweight tooltips system created with vanilla JavaScript

Primary LanguageHTMLMIT LicenseMIT

Custom Tooltips

A very simple and lightweight tooltips system created with vanilla JavaScript.

Screenshot

Features

  • Created with Vanilla JS 🌈
  • ⚡ Lightweight: 1.16KB ( 0.49KB GZIP ), CSS: 0.6KB ( 0.33KB GZIP )
  • Live movement, follow the cursor! ✨
  • One line of code 😎

Usage

<link rel="stylesheet" href="src/CustomTooltips.min.css">
<!-- </head> -->
...
<script src="src/CustomTooltips.min.js"></script>
<!-- </body> -->

Now add the data-tooltip attribute to any html element.

<span data-tooltip="Your tooltip text goes here!">Hi, hover me!</span>