Shuffle

Overview

A ProseMirror plugin that supports smooth, beautiful, grid-based reordering, auto-grouping, repositioning, and resizing.

Demo

Card deck

This is some sample text

This is some more sample text

Another paragraph not in a row.

You can configure containment on node types, too.

These cards can be dragged around within their deck…

…but they can't be dropped outside of it!

Reordering

Use Shuffle to drag ProseMirror nodes around the document, automatically swapping positions with other node views, sinking and lifting to arbitrary depths as needed, and giving constant feedback to the user about how their document is changing.


Resizing

Use Shuffle’s drag handles to resize node views, aligned with a 12-column grid.


Repositioning

Drag horizontally to reposition node views align the grid columns.

On this page