An open source visual editor for React

Puck is a self-hosted drag and drop editor specifically designed for React. It allows users to visually edit their existing React component library, making it convenient and efficient. Puck also integrates with third-party headless CMS platforms, providing the option to load content from these sources. It offers inline editing, allowing users to author content directly within Puck. With no vendor lock-in, users have the freedom to self-host or seamlessly integrate Puck with their existing applications. Puck provides a demo and examples for users to explore its capabilities. It can be easily installed using npm or through a recipe to generate a puck application. Puck also offers plugins to extend its functionality and official plugins like heading-analyzer to analyze heading outlines for WCAG 2 accessibility standards. If users wish to develop their own plugins, the plugin API follows a React paradigm. The Render component can be used to render the user-facing interface using Puck data. Configurations and data models are described using the Config and Data objects, respectively. Puck is developed and maintained by Measured, a team of experienced professionals offering consultancy and development services. They provide support for integrating Puck and creating custom component libraries. Puck is licensed under MIT.

https://github.com/measuredco/puck

To top