Swapeasy simplifies the creation of dynamic, reorderable layouts in Bubble, allowing you to turn groups and repeating groups into intuitive drag-and-drop structures with minimal configuration. Visually reorder elements, control their position, and persist ordering without complex workflows or manual state management.
This plugin is maintained by GCS Studios and is part of the NWD UI - Enhancer family, plugins that add behavior an element did not have, without replacing it. Each one attaches to something already on your page, such as a group, a popup, a repeating group, a button or an input, and changes how it responds, with no layout to redo, and is tested in real applications before release. See more plugins on the GCS Studios contributor page.






Key Features

Drag and Drop That Fits Your Layout
✅ Works on groups and on repeating groups, with static or dynamic lists
✅ Two swap modes: swap as you hover over a slot, or swap only when the element is dropped
✅ Drag locked to the x axis, to the y axis, or free on both
✅ Drag on hold, so a short click on the element still behaves as a click
✅ Auto-scroll while dragging near the edge of a scrollable area
✅ Draggable elements and drop areas detected automatically, with no setup per item

Order You Can Save and Restore
✅ Automatic or manual saving, so the order can be written when you decide
✅ Three correlation modes (general, individual and inherited) for how the saved order is matched back to the list
✅ The current order exposed as a state, ready to be stored in the database
✅ Set order action to apply an order you already have, from any workflow

Fully Customizable
✅ Three animation types: dynamic, spring, or none at all
✅ Drop area highlight with its own background color, border style, width and color
✅ Border radius of the slot and opacity of the element while it is being dragged
✅ 10+ properties, grouped in sections inside the element panel

Workflow Friendly
✅ Five events: swap started, swap ended, order changed, invalid order and initialized
✅ Order changed and current order exposed as states for conditionals and workflows
✅ Set order and Reload actions that can be triggered from anywhere
✅ Swapeasy Sentinel, an add-on element that watches a repeating group for structural changes and fires a loaded event, so the target Swapeasy can be reloaded when the list changes

Reliable & Production-Ready
✅ Built with lightweight CSS and JavaScript for fast, reliable performance
✅ Designed around practical use cases and real Bubble development needs
✅ Tested in real-world applications before being released publicly
✅ Created to extend Bubble with functionality and customization beyond what native Bubble elements typically offer



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Explore Our Other Plugins
Check out our complete collection of plugins, including elements, inputs, client-side actions, server-side actions, and APIs. Built to extend native capabilities or introduce new features, based on real-world applications.



Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.