Drag, Drop & Resize by %

Ideal for dynamic panels, visual builders, and interactive experiences where layout freedom is essential.

About Plugin

Documentation

Install

The Nebula – Drag, Drop & Resize by % plugin transforms any element on your page into a draggable and resizable item with precise percentage-based positioning.

Preview

Go to Editor

Go to Preview

When to Use

Everything you need in a single plugin

dashboard_customize

Custom Layout Builders

expand_more

Let users drag elements inside a canvas-like container and store the final position.

touch_app

Interactive Dashboards

expand_more

slideshow

Kiosk and Demo Experiences

expand_more

Benefits

percent

Percent-based Output

Save and restore layouts with consistent behavior across screen sizes.

crop_free

Boundary Control

Keep movement inside a restriction area to avoid broken layouts.

account_tree

Workflow-friendly

Use published states and an event to trigger saving or UI updates.

percent

Percent-based Output

Save and restore layouts with consistent behavior across screen sizes.

crop_free

Boundary Control

Keep movement inside a restriction area to avoid broken layouts.

account_tree

Workflow-friendly

Use published states and an event to trigger saving or UI updates.

percent

Percent-based Output

Save and restore layouts with consistent behavior across screen sizes.

crop_free

Boundary Control

Keep movement inside a restriction area to avoid broken layouts.

account_tree

Workflow-friendly

Use published states and an event to trigger saving or UI updates.

Key Features

Everything you need in a single plugin

open_with

Constrained Dragging

expand_more

Move the target element only within the restriction area.

tune

Optional Initial Margins

expand_more

Set starting X/Y margins in percent.

straighten

Optional Percent Dimensions

expand_more

Set width and height in percent relative to the restriction area.

bolt

States and Event

expand_more

Read the output positions and react when the user releases the element.

Documentation

FAQ

Common questions

helpWhere do I set element IDs in Bubble?

helpWhat are Margin X and Margin Y?

helpCan I disable dragging temporarily?

Contato