Nebulang (formerly Nebula - Translate My App!) transforms your application into a fully multilingual platform in just a few clicks — without redirects, reloads, or performance impact. All translations happen inline, right in the user's browser, for a smooth and seamless experience.

Drag, Drop & Resize by %

Drag, Drop & Resize by %

Drag, Drop & Resize by %

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

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

When to Use

Everything you need in a single plugin

Interactive dashboards and UI builders.
Design and visual organization systems (kanbans, planners, etc.).
Apps that require user-driven layout freedom.
Visual creation tools, simulations, or prototyping interfaces.

How Works

Simple Setup in few Steps

1
Drag
assign the element ID and make it movable within the desired area.
2
Restriction Area
limit movement to a specific container (by ID).
3
Initial Margins
set initial X/Y positions in percentages.
4
Custom Dimensions
define height and width as percentages for responsive layouts.
5
Resizing
adjust the element’s size directly in the interface, respecting the restriction area.

Key Features

Everything you need in a single plugin

Drag, drop, and resize with percentage (%) control.
Movement restrictions using container IDs.
Configurable initial margins and dimensions.
Smooth, dynamic behavior across all breakpoints.
Drag, drop, and resize with percentage (%) control.
Movement restrictions using container IDs.
Configurable initial margins and dimensions.
Smooth, dynamic behavior across all breakpoints.
Drag, drop, and resize with percentage (%) control.
Movement restrictions using container IDs.
Configurable initial margins and dimensions.
Smooth, dynamic behavior across all breakpoints.