Puck

lastmod 2023-09-08created 2023-09-081 edits

The self-hosted drag and drop editor for React

Open-source Drag & Drop editor for React

Features

Provides drag and drop for visually editing existing React component libraries
Can be self-hosted or integrated into your own existing application
Supports integration with third-party headless CMSs so users can load their own content (Strapi.js)
Supports inline editing
Install via npm, or create a Puck application using a recipe
Extend functionality with plugins: the plugin API follows the React paradigm, and each plugin passed to Puck just needs to provide three functions: renderRoot, renderRootFields, renderFields

Show HN: Puck – Open-source visual editor for React | Hacker News
Puck, an open-source visual editor for React, receives positive feedback for its intuitive design and flexibility
Puck, under the MIT license, serves as a powerful tool for developers
Demand for a similar tool for Vue, highlighting the need for such tools across frameworks
Puck currently supports vertically stacked layouts, but there are concerns about its ability to handle responsive components in column layouts
Questions about whether Puck renders pages on the client or the server, which could limit Puck's use
Users appreciate the ability to customize page layouts in data formats such as JSON or XML
Suggestions for improvements such as adding screenshots to the readme to better understand the drag and drop components
Users find it easy to add custom components and start using Puck
Questions about how Puck keeps stored data props/values in sync with component props in code
Some users would like a tool like Puck with a backend layer similar to Retool
Suggestions for WYSIWYG functionality for API calls and mapping responses to components
Some users compare Puck to Framer, which turned into a website builder, and ask how Puck will differentiate itself
A minor suggestion to include the project name "Puck" in the HN post title for future searchability

author Zer0 sitemap