Logo of Puck

Puck

Agentic Design System Visual Editor

Open SourceFree

About Puck

Puck is an open-source visual page builder and drag-and-drop editor designed to integrate directly with existing React design systems. It enables developers and non-technical teams to build, edit, and publish brand-compliant web interfaces with optional AI-assisted component generation.

Ideal for

Empowering non-technical teams to publish brand-compliant web pages visuallyEmbedding a visual editor component into React-based software applicationsGenerating on-brand page layouts using AI constrained by custom design componentsCollaborating on real-time web layout editing via Puck Cloud multiplayer

Key Features

Pros
  • Fully open-source core distributed under the permissive MIT license
  • Integrates natively with existing React component design systems
  • Intuitive drag-and-drop visual interface for page editing
  • Puck Cloud features AI-assisted component generation and layout building
  • Puck Cloud supports versioned page datastores and multiplayer collaboration
  • Enables white-label integration into commercial third-party applications
  • Allows non-technical teams to ship pages without engineering bottlenecks
Cons
  • Requires custom React developer configuration to integrate custom components
  • Puck Cloud features like AI copilot and version control require paid plans
  • Advanced layout building is strictly constrained by pre-defined component rules

Alternatives to Puck

Logo of Komposo

Komposo

AI-Powered UI Design and App Building Platform

Logo of Same

Same

AI Website Builder

Logo of Lovable

Lovable

Build Apps and Websites with AI

Logo of Magic Patterns

Magic Patterns

AI Prototype Generator For Product Teams

Logo of FreeCut

FreeCut

In-Browser Local-First Video Editor

Logo of Selene

Selene

Local AI Assistant

More Design & UI Tools

Logo of Bloom

Bloom

AI Brand Layer and Design System for Agents

Logo of ReRoom

ReRoom

AI Interior Design and Room Rendering

Logo of X-Design

X-Design

Creative Branding AI Agent

Logo of Spacely AI

Spacely AI

AI-Powered Interior Design and Architectural Rendering

Logo of UI UX Pro Max

UI UX Pro Max

Design Intelligence For Claude Code

Logo of Playground

Playground

Free AI Design Tool

More Open Source Tools

Logo of FluidVoice (by Altic)

FluidVoice (by Altic)

On-Device macOS Voice to Text

Logo of Latitude

Latitude

Open-Source AI Agent Observability Platform

Logo of Coder

Coder

Self-Hosted Developer Environments and AI Infrastructure

Logo of Unsloth

Unsloth

High-Performance Model Training and Fine-Tuning Library

Logo of Mastra

Mastra

TypeScript AI Agent Framework

Logo of AI Website Cloner Template

AI Website Cloner Template

AI Website Cloning Template

More App Building Tools

Logo of Bolt.new

Bolt.new

AI Builder

Logo of Shipper.now

Shipper.now

AI App Builder

Logo of Creao AI

Creao AI

AI App Builder

Logo of Rork

Rork

AI Mobile App Builder

Logo of Google Opal

Google Opal

No-Code AI App Builder

Logo of a0.dev

a0.dev

Text to Mobile App

Discover Other Tools

Logo of Scira AI

Scira AI

Agentic AI Research Platform

Logo of Kimi AI

Kimi AI

Multimodal Visual Coding Agent

Logo of Zed

Zed

High-performance code editor