whereismyai
Puck
Puck is an agentic visual editor for React that lets users generate and edit interfaces.
Puck is an agentic visual editor for React that lets users, teams, and agents build and generate production-ready interfaces inside your application. Developers can embed the modular editor directly into any React app, connect backend APIs, and integrate existing components with specific design rules. It features an AI copilot, design mode for generating new components, headless agents, and bring-your-own-key support for model providers. Teams use Puck to build white-label products, personalized interfaces, internal tools, and scale enterprise content operations. The core editor is open source under the MIT license, preventing vendor lock-in.
Puck at a glance
- Best for: Software engineer, Designer
- Runs on: Web, self-hosted, open source
- Pricing: Pay-as-you-go, Launch, Growth, and Enterprise plans with usage-based credit pricing or BYOK.
- Released: June 2023
- Category: AI coding tool
- Website: puckeditor.com
Key features
- WYSIWYG editor for React
- Real-time generative UI
- JSON storage and serving
- AI copilot integration
- Design mode component generation
- Bring-your-own-key model support
Use it for
- Build white-label products for customers
- Generate personalized interfaces for users
- Build internal tools for teams
- Scale enterprise content operations
Alternatives to Puck
- Libraries.dev — Prompt-based UI libraries that coding agents can install and configure directly
- Agentation — It translates clicks into CSS selectors and source paths for agents.
- OpenCode — Works with 75+ model providers, local models, and existing subscriptions
- AG-UI — Standardizes agent-user interactions and generative UI for applications.
- Rinkata — It keeps humans and AI agents aligned on intent as work evolves.
- Domscribe — Connects UI elements directly to source code for precise AI-assisted edits.
- Pristine — Polishes web UI to a high standard using AI agent commands.
- Coucou — It provides open-source, real-time agent monitoring and approvals directly from the screen notch.
- Draw.io Skill — Synchronizes diagrams with code changes without discarding manual layout adjustments.
- UI Skills — Curated skills for building polished frontend interfaces.
- Magic MCP — Provides AI agents direct access to a catalog of 12,000+ React components.
- Planes — One-time payment for lifetime access to source code and updates.
All Puck alternatives