Open Source Alternatives
  • Alternatives
  • Categories
    Categories by size882 projects
    • Developer Tools461
    • AI & Machine Learning404
    • Web Development196
    • Business & Productivity191
    • Communication & Collaboration126
    • Security & Monitoring126
    • IT Management123
    • Product & Project Management106
    • Cloud & Hosting105
    • Data & Analytics104
    Browse all 21 categoriesLLMOps & AI Tooling, Design & Creative and 9 more
  • Blog
  • Advertise
SearchNotion, Slack, password manager.../
Submit
Open Source Alternatives
  • Alternatives
    • Developer Tools461
    • AI & Machine Learning404
    • Web Development196
    • Business & Productivity191
    • Communication & Collaboration126
    • Security & Monitoring126
    • Browse all 21 categories
  • Blog
  • Advertise
Submit your project

New open source projects by email

The projects we add and every new guide. Free, unsubscribe any time.

Open Source Alternatives LogoOpen Source Alternatives

Handpicked Open Source Alternatives to Paid Softwares

Product

  • Categories
  • Tag
  • Advertise

Resources

  • Blog
  • Collection
  • Submit

Company

  • Privacy Policy
  • Terms of Service
  • Refund Policy
  • Sitemap

Alternatives

  • Claude Code
  • Jira
  • Notion
  • Slack
  • Linear
  • Wispr Flow
  • All alternatives
© 2026 Open Source Alternatives. All rights reserved.
Open SourceAlternatives
Home/Categories/Web Development/Puck
icon of Puck

Puck

Open source alternative to Builder.io, Storyblok and Plasmic

  • 13.5K stars
  • MIT
  • Active this week
  • Last commit 6 days ago

Last verified Oct 21, 2026

An open-source visual editor for React, empowering developers to build visual editing experiences into their React applications.

Visit websiteGitHub13.5K starsDeploy on Hostinger
image of Puck
TL;DR

Puck is a React visual editor for teams that want drag-and-drop page building around their own components. It replaces visual-builder services such as Builder.io or Plasmic when component ownership, MIT licensing, and data control matter more than a hosted design platform.

Read the full breakdownHide the full breakdownWho it is for, how it works, trade-offs, the quick start and the FAQ
who it's for

Who Puck is for#

React teams adding visual editing

Puck fits teams that already have a component system and want non-developers to compose approved blocks.

Skip if:

Skip it if your site is not React-based or you need a hosted site builder.

Product teams building internal page tools

Engineers can expose only the fields and components a business user should edit while keeping rendering in the product codebase.

Skip if:

Use a managed visual CMS if your team cannot own the editor integration.

the problem

The problem it solves#

React teams often need marketing or internal users to edit pages without turning the whole application over to a hosted page builder. The tradeoff is usually painful: developers either build a custom editor from scratch or accept a third-party model that owns rendering and content structure.

The real issue is component ownership. Teams want editors to compose approved React components while engineers keep control over props, rendering, validation, storage, and release flow.

how Puck solves it

How it solves it#

Config-driven components

Puck maps editor fields to your React component props through a configuration object. Editors can change approved content without gaining arbitrary code access.

Render and edit primitives

The core package includes editor and render components, so teams can store Puck data in their own system and render it through their own React app.

Viewport and layout controls

Official docs cover viewports, iframe preview behavior, categories, dynamic fields, permissions, and plugin support. These details matter when building an editor for real internal users.

strengths · trade-offs

Strengths and trade-offs#

Strengths

  • Bring-your-own data modelPuck is a React component, not a hosted CMS. Teams decide where page data lives and how publishing works.
  • Commercial-friendly licenseMIT licensing keeps Puck practical for internal tools, SaaS products, and commercial websites that need embedded visual editing.

Trade-offs

  • -Requires React integration workPuck gives the editor foundation, but engineers still need to define components, fields, storage, permissions, and publishing behavior.
  • -Not a hosted website builderTeams looking for templates, hosting, analytics, and a no-code site platform will need additional products around Puck.
install · quick start

Quick start#

bash
npm i @puckeditor/core --save

# Or generate an app
npx create-puck-app my-app
tech stack · detected from GitHub

What it's built on#

Languages
JavaScriptTypeScript
Frameworks
Next.jsReact
Tooling
esbuild
frequently asked

FAQ#

Is Puck open source?

Yes. Puck core is MIT licensed.

Does Puck host my content?

No. Puck is a React editor and rendering library; your application decides where content data is stored.

How do you install Puck?

Official docs show installing @puckeditor/core with npm, pnpm, yarn, or bun, plus an app generator command.

also worth a look

Similar open-source tools#

Onlook

Alternative toFigma

Visual React editor where every design change writes real code

  • 26,928 GitHub stars
  • Apache-2.0Licence Apache-2.0

Caret

Alternative toPlasmic

Your design canvas is backed by real files in git

  • 38 GitHub stars
  • Apache-2.0Licence Apache-2.0

Strapi

Alternative toContentful

Headless CMS with auto-generated REST and GraphQL for any content model.

  • 73,351 GitHub stars
  • MITLicence MIT

screenshot-to-code

Alternative toGoogle Stitch

Turn any design screenshot into clean, working code with AI

  • 80,568 GitHub stars
  • MITLicence MIT

Payload CMS

Alternative toContentful

Build code-first CMS backends with TypeScript schemas

  • 45,369 GitHub stars
  • MITLicence MIT

Handle

Alternative toPlasmic

Edit UI visually in the browser and sync changes to code

  • 41 GitHub stars
  • MITLicence MIT
by category

Open source tools in these categories#

196

Web Development

freeCodeCamp, superpowers, Skills for Real Engineers35

No-Code & Low-Code

n8n, dify, Langflow462

Developer Tools

REA (Reverse Engineer Anything), superpowers, Skills for Real Engineers
Hostinger

Run Puck on your own server

Self-host Puck on a Hostinger VPS.

Deploy on Hostinger

Featured

Inbox Zero

Alternative toSuperhuman

AI email assistant that drafts replies and clears your inbox

  • 12,712 GitHub stars
  • AGPL-3.0Licence AGPL-3.0
  • #Email

Omnara

Alternative toCClaude Managed Agents

Open-source agent deployment API. Self-host or use Omnara Cloud.

  • 2,957 GitHub stars
  • Apache-2.0Licence Apache-2.0
  • #AI Agents

rakazo

Alternative toGrok Bot

AI teammates you own: your keys, your model, your machine.

  • 4,904 GitHub stars
  • Apache-2.0Licence Apache-2.0
  • #AI Agents
Feature your project

New open source projects by email

The projects we add and every new guide. Free, unsubscribe any time.

Find open source alternatives to paid software

/
  • Claude Code to OpenCode
  • Jira to Windshift
  • Notion to AppFlowy
  • Slack to Mattermost
  • Linear to GitLab
  • Wispr Flow to Handy
  • CapCut to Concat
  • Grok Bot to rakazo
  • Superhuman to Inbox Zero
  • Airtable to AITable
  • Muse to OpenClaw
  • GitHub Copilot to Cline
  • Datadog to Netdata
  • Microsoft Teams to Rocket.Chat
  • Pinecone to Qdrant
  • Zapier to n8n
  • Devin AI to OpenHands
  • Firebase to Supabase
  • 1Password to KeePassXC
  • Confluence to Docmost
  • Contentful to Strapi
  • Adobe Premiere Pro to Shotcut
  • ChatGPT to AnythingLLM
  • LangSmith to Langfuse
  • Claude Code to OpenCode
  • Jira to Windshift
  • Notion to AppFlowy
  • Slack to Mattermost
  • Linear to GitLab
  • Wispr Flow to Handy
  • CapCut to Concat
  • Grok Bot to rakazo
  • Superhuman to Inbox Zero
  • Airtable to AITable
  • Muse to OpenClaw
  • GitHub Copilot to Cline
  • Datadog to Netdata
  • Microsoft Teams to Rocket.Chat
  • Pinecone to Qdrant
  • Zapier to n8n
  • Devin AI to OpenHands
  • Firebase to Supabase
  • 1Password to KeePassXC
  • Confluence to Docmost
  • Contentful to Strapi
  • Adobe Premiere Pro to Shotcut
  • ChatGPT to AnythingLLM
  • LangSmith to Langfuse