drag-n-drop
The agentic visual editor for React.
Create a page builder for your own components. Now with AI superpowers.
Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.
Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.
A proof of concept of a viable drag and drop alternative.
Easy Drag-to-Swap Solution. ✨ A simple JavaScript tool for converting any layout you have to drag-to-swap layout.
Meet Swapy, a framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
🚀 A React Framework for building extensible drag and drop page editors Craft.js solves this problem by modularising the building blocks of a page editor. It ships with a drag-n-drop system and handles the way user components should be rendered, updated and moved - among other things. With this, you'll be able to build your own page editor exactly how you want it to look and behave.
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.