MARKETPLACE
PLUGINS
TOOLTIP DESIGNER KIT
Tooltip Designer Kit logo

Tooltip Designer Kit

Published August 2025
   •    Updated March 2026

Plugin details

This advanced tooltip plugin brings the power of beautiful tooltips to your Bubble applications, offering professional-grade tooltip functionality with extensive customization options. Unlike basic HTML tooltips, this plugin provides smooth animations, precise positioning, and complete visual control.
Works on any page element including repeating groups and tables.

The plugin supports 12 different placement positions (top, bottom, left, right, and their variants), five professional animation effects (fade, scale, shift-away, shift-toward, perspective), and customizable arrow styles (default, small, wide, narrow, round). The elastic inertia effect adds spring physics for dynamic, engaging tooltips that feel responsive and modern.

Now supports rich HTML content with clickable links, buttons, and formatting. Choose between hover or click triggers. Create custom themes with flat colors or gradients, plus modern styling with shadows and blur effects. Built-in themes (light, material, translucent) included. Interactive tooltips allow user engagement with content inside.

Perfect for enhancing user experience, this plugin enables you to create tooltips that match your brand and design requirements. Whether you need subtle informational tooltips or eye-catching interactive elements, the plugin adapts to any use case. The lightweight implementation ensures fast loading while providing enterprise-level tooltip functionality that works seamlessly across all devices and browsers.

$39

One time  •  Or  $5/mo

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Nebulum logo
Nebulum
Joined 2020   •   42 Plugins
View contributor profile

Instructions

Setup
Add the plugin element to your page

Configure the required fields: target_element_id (ID of element to tooltip) and tooltip_text (tooltip content)

Configuration Options

placement: Position tooltip using values like "top", "bottom", "left", "right", "top-start", "bottom-end", etc.
show_arrow: Enable/disable arrow pointing to target element

arrow_style: Choose arrow appearance: "default", "small", "wide", "narrow", "round"

animation: Select animation effect: "fade", "scale", "shift-away", "shift-toward", "perspective"

use_inertia: Add elastic spring physics for dynamic movement

Usage Tips

Ensure target elements have unique IDs

Use dynamic expressions for tooltip_text to show user-specific content

Combine "scale" animation with inertia for engaging bounce effects

Test different placements to avoid viewport clipping
Multiple plugin instances can target different elements simultaneously

The plugin automatically handles tooltip lifecycle, positioning, and responsive behavior across all devices.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Media   •   Data (things)   •   Small Business   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble