InterActiveTooltipPopover is a modern, fully customizable jQuery tooltip & popover plugin designed for professional web projects. It empowers developers to add visually stunning, highly interactive, and accessible tooltips or popovers with ease. The plugin features 13+ unique styles, advanced animations, smart positioning, theming, and full ARIA accessibility support. Whether you need simple tooltips or advanced onboarding popovers, this plugin is built to deliver a seamless user experience.
A modern, highly customizable jQuery tooltip & popover plugin with 13+ unique styles, advanced animations, smart positioning, accessibility, and theming. Perfect for professional web projects.
- Live Demo (GitHub Pages)
- Live Demo (Netlify)
See the included
index.htmlfor a full-featured demo and usage examples.
- 13+ unique tooltip styles & animations
- Sticky, interactive, and HTML content support
- Customizable arrows, smart auto-flip, mouse-follow
- Keyboard navigation & ARIA accessibility
- Custom themes, branding, and dark mode
- jQuery API and data-attribute configuration
- Include jQuery, InterActiveTooltipPopover.js, and InterActiveTooltipPopover.css
<link rel="stylesheet" href="css/InterActiveTooltipPopover.css"> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="js/InterActiveTooltipPopover.js"></script>
- Add data attributes to your elements:
<button data-tooltip="Hello!" data-tooltip-style="classic-light">Hover me</button>
- (Optional) Initialize via jQuery:
$(".your-selector").InterActiveTooltipPopover(options);
Full documentation is available at the bottom of the demo page (Index.html).
fungus007
If you find any bug or have ideas to improve the plugin, please open an issue or pull request. Your feedback is highly appreciated!
MIT License