# Puck

> Open source drag-and-drop visual editor for React

Steal this: A drag-and-drop page editor built from your own React components.

- Category: UI components (`components`)
- Tags: `open-source`, `react`
- Official: https://puckeditor.com
- GitHub: https://github.com/puckeditor/puck
- Wunderlust: https://wunderlust.xyz/r/puck
- Image: https://wunderlust.xyz/media/puck-poster.jpg
- Video preview: https://wunderlust.xyz/media/puck.webm
- Added: 2026-11-10

## What it is

A modular visual editor for React. You define your own components and Puck gives you a drag-and-drop editor to build pages with them. It is a React component, works in Next.js, and your data stays with you.

## What it’s for

For giving non-developers a page editor built from your own app's components.

## Benefits

- Uses your own React components
- You keep your data, no lock-in
- Public demo to try the editor

## Caveats

- MIT license

## Similar on Wunderlust

- [ObsidianUI](https://wunderlust.xyz/r/obsidianui.md): React components, blocks and templates with Motion and Tailwind
- [assistant-ui](https://wunderlust.xyz/r/assistant-ui.md): React library for building AI chat interfaces
- [pdfme](https://wunderlust.xyz/r/pdfme.md): Open source PDF generator with a visual template editor
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system
- [Magic UI](https://wunderlust.xyz/r/magic-ui.md): 150+ animated components in React, Tailwind and Motion
- [Kokonut UI](https://wunderlust.xyz/r/kokonut-ui.md): React components with Tailwind and Motion, installed as your own code via shadcn