Easy customizable tooltips

Hey WeWeb Community! :waving_hand:

We all know the struggle of adding tooltips to a web app. Whether it’s managing individual boolean variables for every single hover state, fixing layout shifts with position: absolute, or trying to get tooltips to play nicely inside a collection list, it can quickly turn into a headache.

To solve this, I’ve built a highly flexible and reusable Tooltip Component, and it’s now officially live on the WeWeb Marketplace!

Check it out here: WeWeb Marketplace - Tooltip Component

Key Features:

  • Zero Variable Clutter: Designed to work without needing to create separate show/hide variables for every single tooltip on your page.

  • Collection List Ready: Works seamlessly inside datagrids and repetitive collection items without triggering all tooltips at once.

  • Smooth Transitions & Animations: Built with modern UX in mind, providing a clean fade-in effect when hovered or clicked.

  • Fully Customizable: Easily tweak the styles, background colors, borders, and typography to fit your app’s design system directly inside the WeWeb visual editor.

Does it work inside tables as well?

Hi,

Yes it does ! Just add unique id to each row and put the tooltip inside a custom column type and map the I’d of the element inside that row.