# Puck · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/puck>)

An embeddable React visual editor using the application’s components and rules.

## [Puck, a visual editor for React: field and canvas updates in 0.24](<https://sebastien.rigaux.be/en/tech-watch/links/puck-a-visual-editor-for-react-field-and-canvas-updates-in-024>)

Puck, a visual page editor for React, adds field groups and tabs in version 0.24, along with a `checkbox` field for selecting multiple options. Drag handles also make it easier to reorder components in nested layouts.

The `renderFields` API lets you compose these layouts. In the canvas, `InlineTextField` enables direct text editing, while `fieldTransforms` transforms values at render time without changing the underlying data.

2026-11-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/puck-a-visual-editor-for-react-field-and-canvas-updates-in-024.md>) · [Original resource](<https://puckeditor.com/blog/puck-024>)

## [Puck: build pages with your application’s components](<https://sebastien.rigaux.be/en/tech-watch/links/puck-build-pages-with-your-application-s-components>)

Puck presents an embedded React visual editor connected to components, design rules and business APIs. The platform also offers interface generation based on those same building blocks.

2025-07-29 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/puck-build-pages-with-your-application-s-components.md>) · [Original resource](<https://puckeditor.com/>)

## [Puck: embed a visual editor in a React application](<https://sebastien.rigaux.be/en/tech-watch/links/puck-embed-a-visual-editor-in-a-react-application>)

Puck is a React component for building drag-and-drop editors with your own components. Its modular model leaves the application in control of data and composition rules.

2025-06-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/puck-embed-a-visual-editor-in-a-react-application.md>) · [Original resource](<https://github.com/puckeditor/puck>)