Puck llms.txt · AI Docs Browser · mdream [llms.txt Tools](https://mdream.dev/llms-txt/puck/llms-txt) # Puck llms.txt Browse Puck documentation as markdown. Click any page in the sidebar to view it, or copy the full llms.txt for your AI tools. puckeditor.com/llms.txt [Raw llms.txt](https://puckeditor.com/llms.txt) [Raw llms-full.txt](https://puckeditor.com/llms-full.txt) Copy Markdown [](https://puckeditor.com/llms.txt) llms.txt Docs Introduction Getting Started Component Configuration Root Configuration Multi-column Layouts Categories Rich Text Editing Dynamic Props Dynamic Fields External Data Sources React Server Components Data Migration Styling Viewports Feature Toggling Overlay Portals Overview Getting Started AI Configuration Business Context Tools Headless Generation Composition Custom Fields Field Transforms Internal Puck API Theming Plugin API UI overrides Components Configuration Data Model Fields Functions Overrides Actions FieldTransforms Permissions Plugin PuckApi Installation createAiPlugin Installation chat generate puckHandler tool Components Fields ActionBar ActionBar.Action ActionBar.Group ActionBar.Label ActionBar.Separator AutoField Drawer Drawer.Item DropZone FieldLabel Puck Puck.Components Puck.Fields Puck.Layout Puck.Outline Puck.Preview Render RichTextMenu RichTextMenu.Group RichTextMenu.Control Config ComponentConfig AppState ComponentData Data ItemSelector RootData Base Array Custom External Number Object Radio Richtext Select Slot Text Textarea migrate registerOverlayPortal resolveAllData setDeep transformProps useGetPuck usePuck walkTree actionBar componentOverlay drawerItem drawer fieldLabel fieldTypes fields headerActions header iframe outline preview puck blocksPlugin fieldsPlugin legacySideBarPlugin outlinePlugin Global theming Action bar Button Canvas Drawer Fields Header Icon button Outline Plugin bar Sidebar Slot Computed values Migrating - DropZones to Slots Blog Advanced Layouts with Puck: Harnessing Grid and Flex Containers AI Slop vs Constrained UI: Why Most Generative Interfaces Fail Top Alternatives to Lovable in 2026 Building a plugin for a React visual editor with Puck Building a React Page Builder: An Introduction to Puck Building a Rich Text Editor in React Figma AI vs Puck AI: Design Tools vs UI Generators How to Build a React Page Builder: Puck and Tailwind v4 Integrating a Page Builder with Contentful Puck: the Open-Source Visual React Editor for Modern Content Workflows Managing application state in Puck Puck 0.13: Custom UIs, object fields & DropZone restrictions Puck 0.14: Viewport switching Puck 0.15: Dynamic fields Puck 0.16: Permissions Puck 0.17: React 19 support Puck 0.18: New drag-and-drop engine Puck 0.19: Slots API & performance gains Puck 0.20: Inline text, overlay portals & resizable sidebars Puck 0.21: AI beta, rich text editing & new plugin rail Puck 0.22: Theming & styling improvements Puck AI 0.3: Headless page generation Puck AI 0.4: Follow UI stream Puck AI 0.5: onFinish API and switch to Puck stable Puck AI 0.6: Tool binding, request manipulation & more Puck AI 0.7: File attachments Puck AI: Closed Beta Revolutionizing Drag-and-Drop in React: Introducing Puck 0.18 Top 5 AI Tools for UI Generation in 2026 Top 5 Drag-and-Drop Libraries for React in 2026 Top AI Libraries for React Developers in 2026 Upgrading to Puck 0.19 Upgrading to Puck 0.20 Upgrading to Puck 0.21 Upgrading to Puck 0.22 Using CSS variables to create dynamic themes in Puck ## What is Puck's llms.txt? Puck publishes an `/llms.txt` file that provides AI systems with a structured index of its documentation. It follows the [llms.txt specification](https://llmstxt.org), organizing links to guides, API references, and tutorials under section headings so that LLMs like ChatGPT, Claude, and Gemini can quickly understand what Puck offers and where to find details. Issues Spec 2 Sections 163 Links 10.8 KB Size ~2.8k Tokens Sections: Docs · Blog ## Add Puck Docs to Your AI Assistant Select your tool to see how to add Puck's llms.txt as a documentation source. Cursor Windsurf Claude Code ChatGPT Zed Copilot 1. 1 Open any chat or composer panel 2. 2 Type @Docs and select "Add new doc" 3. 3 Paste the URL: https://puckeditor.com/llms.txt 4. 4 Wait for the green dot (indexing complete) 5. 5 Reference @Docs in chat when asking about Puck Cursor crawls the URL and indexes all subpages. Add a trailing slash to index child pages too. ## Spec Compliance 18 errors ## Frequently Asked Questions Where is Puck's llms.txt file? Puck publishes its llms.txt at https://puckeditor.com/llms.txt. This file provides a structured, markdown-formatted index of Puck's documentation that AI systems can consume to understand the project's APIs, guides, and references. How do I use Puck's llms.txt with AI coding assistants? Copy the llms.txt content and paste it into your AI assistant (Cursor, Windsurf, Claude, ChatGPT) as context. This gives the AI an accurate map of Puck's documentation so it can provide better code suggestions and answers about Puck. What does Puck's llms.txt contain? Puck's llms.txt contains 2 sections and 163 documentation links in 10.8 KB (~2.8k tokens). Key sections include Docs, Blog. How many tokens does Puck's llms.txt use? The concise llms.txt index is approximately 2.8k tokens (10.8 KB). Most AI assistants can fit this within their context window. For the full expanded documentation, look for an llms-full.txt variant which embeds all content inline. What is Puck? Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components. It's great for both internal page building applications or no-code page building products. Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.. Puck's llms.txt file helps AI systems understand this by providing a structured overview of its documentation, making it easier for developers to get accurate AI-assisted help when working with Puck. Can I generate an llms.txt for my own project? Yes. Use the free llms.txt generator at mdream.dev/tools/llms-txt/generator to crawl your site and produce a spec-compliant llms.txt file. You can also validate existing files with the llms.txt validator. ## Browse More llms.txt Files [React Bits React Bits is an open source collection of memorable UI elements - Components, Animations, Backgrounds, and Text Animations - provided in four implementation variants: JavaScript + CSS, JavaScript + Tailwind, TypeScript + CSS, and TypeScript + Tailwind. Components are copy-friendly and installable via CLI (jsrepo or shadcn).](https://mdream.dev/llms-txt/puck/llms-txt/react-bits) [Firecrawl Docs](https://mdream.dev/llms-txt/puck/llms-txt/firecrawl) [Strapi Documentation](https://mdream.dev/llms-txt/puck/llms-txt/strapi) [Ragas Evaluation framework for your AI Application](https://mdream.dev/llms-txt/puck/llms-txt/ragas) [Fabric](https://mdream.dev/llms-txt/puck/llms-txt/fabric) [Filament](https://mdream.dev/llms-txt/puck/llms-txt/filament) [Loops](https://mdream.dev/llms-txt/puck/llms-txt/loops) [Pydantic AI GenAI Agent Framework, the Pydantic way](https://mdream.dev/llms-txt/puck/llms-txt/pydantic-ai) [View all 99 projects ](https://mdream.dev/llms-txt/puck/llms-txt) ## Related Tools [

llms.txt Generator

Generate an llms.txt for your own project.](https://mdream.dev/llms-txt/puck/tools/llms-txt/generator) [

llms.txt Validator

Validate your llms.txt against the official spec.](https://mdream.dev/llms-txt/puck/tools/llms-txt/validator) © 2026 [Harlan Wilton](https://github.com/harlan-zw) · [MIT](https://github.com/harlan-zw/mdream/blob/main/license) [GitHub](https://github.com/harlan-zw/mdream) [Discord](https://discord.com/invite/275MBUBvgP)