The latest Puck news
Puck 0.19: Slots API & performance gains
Puck 0.19 introduces the Slots API, the powerful successor to DropZones that lets you nest components using a field.
Chris VillaUpgrading to Puck 0.19
This guide will show you how to upgrade your existing app to Puck 0.19 and take full advantage of the latest changes.
Fede Bonel TozziHow to Build a React Page Builder: Puck and Tailwind v4
Build a drag-and-drop page builder using Puck, Next.js, and Tailwind v4 to create, dynamically style, and publish pages.
Fede Bonel TozziIntegrating a Page Builder with Contentful
Learn how to integrate Puck with Contentful for a seamless, no-code page-building experience. By the end of this tutorial, you'll have a visual editor + headless CMS setup for building websites and posting blogs.
Fede Bonel TozziAdvanced Layouts with Puck: Harnessing Grid and Flex Containers
A collection of CSS grid and flexbox patterns and best practices for getting the most out of your Puck page builder.
Fede Bonel TozziRevolutionizing Drag-and-Drop in React: Introducing Puck 0.18
This update marks a massive leap forward with the debut of our groundbreaking drag-and-drop engine with support for CSS Grid and Flexbox. This eliminates all previous limitations and introduces unparalleled flexibility, so your users can drag and drop any component, anywhere.
Fede Bonel TozziPuck 0.18: New drag-and-drop engine
Puck 0.18 launches a groundbreaking new drag-and-drop engine for page building with advanced CSS layouts.
Chris VillaManaging application state in Puck
How can you share state between components in Puck? You can rely on any state library or tool you would normally use to manage and share data between components, because Puck is just a React component.
Fede Bonel TozziUsing CSS variables to create dynamic themes in Puck
When integrating Puck into your page-building product, a common requirement is to allow your users to centrally manage the theme of the page without having to make adjustments to every component. For this article, I’ll focus on one of the simplest yet most powerful approaches—CSS properties.
Fede Bonel TozziPuck 0.17: React 19 support
Puck 0.17 introduces support for React 19 and various quality-of-life improvements.
Chris VillaPuck 0.16: Permissions
Puck 0.16 introduces the headline permissions API for toggling Puck features, and various quality of life improvements.
Chris VillaPuck 0.15: Dynamic fields
Puck 0.15 introduces powerful new field APIs and numerous quality-of-life features.
Chris VillaPuck 0.14: Viewport switching
Puck 0.14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support.
Chris VillaPuck 0.13: Custom UIs, object fields & DropZone restrictions
Puck 0.13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones.
Chris VillaBuilding a React Page Builder: An Introduction to Puck
Puck enables you to create your own page builder and embed it directly inside your React application. Tell Puck what components you support, and Puck will provide a slick drag-and-drop interface for you or your content teams to create pages on-the-fly.
Chris VillaPuck: the Open-Source Visual React Editor for Modern Content Workflows
Puck is born out of a problem space that exists somewhere between a headless CMS and a traditional CMS. We’ve often worked in this space over the years and have seen clients wrestle with the fact that neither approach solves all their problems.
Chris Villa