puckThe visual editor for React.

puck

Puck is a modular, open-source visual editor for React.js that enables developers to build custom drag-and-drop experiences with their own React components. Since it's just a React component, it integrates seamlessly with all React environments including Next.js, with full data ownership and no vendor lock-in.

Key Features

• Drag-and-Drop Editor: Intuitive visual interface for building and customizing pages in real-time
• Component-Based Architecture: Works with your own React components, fully configurable and modular
• Framework Agnostic: Plays well with Next.js, Remix, React Router, and other React environments
• MIT Licensed: Suitable for both internal systems and commercial applications with no restrictions

Use Cases

• Page Builders: Create custom drag-and-drop page building tools for your applications
• Content Management: Enable non-technical users to build and edit pages without code
• Rapid Prototyping: Quickly design and iterate on React component layouts visually
• Internal Tools: Build no-code interfaces for internal business applications and dashboards

Who Is It For

Puck is designed for React developers who want to add visual editing capabilities to their applications, as well as teams building page builders, content management systems, or no-code tools. It's ideal for developers who want to maintain full control over their data and component architecture while providing an intuitive UI for end-users.