{"id":"puck","name":"Puck","url":"https://wunderlust.xyz/r/puck","category":"components","category_label":"UI components","tags":["open-source","react"],"short":"Open source drag-and-drop visual editor for React","what":"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.","uses":"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"],"links":{"official":"https://puckeditor.com","github":"https://github.com/puckeditor/puck"},"image":"https://wunderlust.xyz/media/puck-poster.jpg","video":"https://wunderlust.xyz/media/puck.webm","share_image":"https://wunderlust.xyz/og/r/puck.jpg","similar":["obsidianui","assistant-ui","pdfme","shadcn-ui","magic-ui","kokonut-ui"],"added_on":"2026-11-10","steal":"A drag-and-drop page editor built from your own React components.","patterns":[],"pt":{"name":"Puck","short":"Editor visual de arrastar e soltar para React, open source","steal":"Um editor de páginas de arrastar e soltar feito com os seus próprios componentes React.","what":"Editor visual modular para React. Você define seus próprios componentes e a Puck dá um editor de arrastar e soltar para montar páginas com eles. É um componente React e funciona em Next.js; os dados ficam com você.","uses":"Para dar a quem não programa um editor de páginas feito com os componentes do seu app.","benefits":["Usa os seus componentes React","Dados sob seu controle, sem lock-in","Demo pública para testar o editor"],"caveats":["Licença MIT"]},"schema_version":1}