MARKETPLACE
PLUGINS
INTERACTIVE ANNOTATIONS
Interactive Annotations logo

Interactive Annotations

Published May 2025
   •    Updated December 2025

Plugin details

   
The Interactive Annotations plugin enables dynamic, visually engaging annotations directly within your Bubble application. Powered by the popular RoughNotation library, it lets you effortlessly create animated, hand-drawn-style highlights, underlines, boxes, circles, and more. Enhance user interaction by visually emphasizing specific elements on your page with minimal effort.
Key Features:

Multiple annotation styles (underline, highlight, box, circle, bracket, strike-through, etc.).
Smooth, hand-drawn animation effects.
Easy control to dynamically draw, hide, show, or permanently remove annotations.
Batch processing—annotate multiple elements simultaneously.
Fully customizable appearance (colors, stroke width, padding, animation timing).

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Devini logo
Devini
Joined 2025   •   17 Plugins
View contributor profile

Instructions

All annotation actions (Draw, Hide, Show, Remove) are exposed as Element Actions accessible directly from your Bubble Editor’s Workflow workspace. Follow the instructions below:
For Drawing Annotations,

Open your Bubble page’s workflow editor.
Click "+ Add an action" → Element Actions → Interactive Annotations: Draw Annotation.
Configure these fields:
Element IDs: Enter comma-separated logical IDs of elements you wish to annotate (e.g., titleText,submitButton).
Type: Choose from styles such as underline, box, highlight, circle, etc.
Color: Set annotation color (#FF0000 or red).
Stroke Width: Thickness of the annotation line (in pixels).
Padding: Adjust spacing around annotations (top,right,bottom,left format).
Animate: Choose yes to enable animation or no for instant display.
Duration: Animation length in milliseconds (e.g., 800).
Iterations: Number of animation repetitions.

and for other actions you just have to define Element IDs field.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble