[PLUGIN] 🚀 DragBlocks & DragBlocks PRO - The Ultimate Kanban & Multi-Drag Engine (Trello Style)

Hey Bubblers! :waving_hand:

After struggling with clunky drag-and-drop implementations and glitchy custom states, I decided to build the definitive solution for Kanban boards, reorderable lists, and task managers in Bubble.

Introducing DragBlocks! Powered by the industry-standard SortableJS, highly optimized for Bubble’s Optimistic UI.

I’m releasing two versions to help the community: a solid FREE version and an absolute powerhouse PRO version.

:package: DragBlocks (FREE) Perfect for standard lists and simple Kanbans.

  • :white_check_mark: Drag and Drop within the same Repeating Group

  • :white_check_mark: Drag across different Repeating Groups (Kanban style)

  • :white_check_mark: Custom Drag Handles (drag by a specific icon)

  • :white_check_mark: Smooth placeholder animations

  • :white_check_mark: Optimistic UI ready (no visual flickering!)

:fire: DragBlocks PRO Built for complex, SaaS-level applications (like Jira or Trello).

  • :books: True Multi-Drag: Select multiple cards using Ctrl, Cmd, or Shift and drag them all at once!

  • :wastebasket: Deletion Zones: Create a “Trash” drop zone to instantly trigger delete workflows.

  • :mobile_phone: Mobile Native Feel: Touch delays to ensure users can scroll on mobile without accidentally dragging cards.

  • :shield: Click-Shield: Click cards to open Popups without accidentally triggering drags or multi-selects.

  • :artist_palette: Premium UI: Custom easing curves (Spring, Bouncy) and dynamic Color Pickers for your selected cards.

  • :high_voltage: Outputs a List of Unique IDs directly to your workflows for massive database updates.

:link: Links & Demos:

  • Download the Free Plugin: HERE

  • Download the PRO Plugin: HERE

  • Try the plugin: HERE

:light_bulb: Quick Tip for PRO Users: When using Multi-Drag, use the :merged with and :minus list operators in your Custom States workflows along with the plugin’s Dragged Item IDs (List) state to move 50 cards at once seamlessly! Check the plugin instructions for the exact workflow setup.

Let me know what you think, and drop any questions or feature requests below! Happy building! :hammer_and_wrench::sparkles:

1 Like