Dev tools · alternatives · 2026
24 alternatives to Puck
Open-source visual editor for React
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
I first shared Puck here back in Sept 2023, and wanted to give a quick update! Here's the original post: https://news.ycombinator.com/item?id=37391848 Puck let’s you embed a page building experience within your own React application. It integrates with any backend or CMS, and since it’s MIT licensed, you can safely use it in internal tools or customer-facing products. A lot’s changed since then; here are my highlights: * Multi-column drag-and-drop with full CSS layout support (Grid, Flexbox, etc) * Viewport previewing * Headless mode for completely custom interfaces *…
2025 · github.com · its alternatives →
- 2
Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…
2023 · github.com · its alternatives →
- 3
Hey HN! I just released Puck 0.18 with a new drag-and-drop engine for CSS grid and flexbox support. You can now use Puck to create a page builder that behaves like a design tool, but embedded within your own app and using your own React components. To use it, just add `display: flex` (or grid, etc) to your DropZone and Puck will gracefully handle drag-and-drop across all dimensions. Shout out to the dnd-kit maintainer Claudéric for the collaboration and support (if you’re reading this, I just sponsored you on GitHub!) and as always, a huge thanks to my wonderful community for all the testing…
2025 · github.com · its alternatives →
- 4
- 5AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 6
We've been working hard to add viewport previewing to Puck, our MIT visual editor for React, over the last few months. In order to get device-like viewport previewing with CSS media queries etc, you need to render your content within an iframe. Drag-and-drop is a core part of Puck's experience, but is famously difficult to pair with iframes. We didn't want to compromise Puck's experience, so we released two new packages to support this effort: 1) @measured/dnd, a fork the underlying dnd library (@hello-pangea/dnd, a maintained fork of react-beautiful-dnd) to support both iframes…
2024 · github.com · its alternatives →
- 7
Hey HN, I’m Kiet – one half of the two-person team building Onlook (https://beta.onlook.com/), an open-source [https://github.com/onlook-dev/onlook/] visual editor that lets you edit and create React apps live on an infinite canvas. We launched Onlook [1][2] as a local-first Electron app almost a year ago. Since then, “prompt-to-build” tools have blown up, but none let you design and iterate visually. We fixed that by taking a visual-first, AI-powered approach where you can prompt, style, and directly manipulate elements in your app like in a design…
2025 · github.com · its alternatives →
- 8
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page
2017 · github.com · its alternatives →
- 9
- 10
🚀 A React Framework for building extensible drag and drop page editors - prevwong/craft.js
2020 · github.com · its alternatives →
- 11
react wrapper components for smooth-dnd. Contribute to kutlugsahin/react-smooth-dnd development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 12
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 13
Build rich editor UIs faster with React components
2025 · tiptap.dev · its alternatives →
- 14
- 15
Everyone's shipping AI tools right now, and here I am with a visual editor. Still, I think many teams are very familiar with the problem of "marketing wants to change the landing page again." I've run into this for years. Campaign pages come in, engineers get pulled in, and tickets stack up. It's usually the same components, just rearranged. A few years ago, at a startup I worked at, we built an internal tool to deal with this. You register your existing React components, they show up as drag-and-drop blocks, and the result is a JSX string. No schema to learn, no changes to your component…
Dec 2025 · github.com · its alternatives →
- 16
- 17
Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…
2024 · github.com · its alternatives →
- 18
We are working on an open-source .docx editor library for apps that need to edit Word documents in the browser. We just shipped 1.0. A lot of existing approaches convert .docx into HTML and lose document semantics along the way. Our editor parses OOXML directly and uses its own rendering+layout engine to produce paged documents with html/css. Edits round-trip back to .docx, so you’re always editing the document, not its representation. The core rendering engine is framework agnostic, with React and Vue ui adapters on top. It’s Apache 2.0. Happy to answer questions.
May 2026 · github.com · its alternatives →
- 19
- 20
React Sketch.app▲215Render React components to Sketch ⚛️💎
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 21
React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. - xyflow/xyflow
2021 · github.com · its alternatives →
- 22PR
2022 · smarketman.com · its alternatives →
- 23
Draft.js▲166A framework for building rich text editors in React
2016 · facebook.github.io · its alternatives →
- 24
Out of the box, feature-rich content editing for React
2016 · jpuri.github.io · its alternatives →
Also compare
- Puck – Open-source visual editor for React alternatives
- Puck – Open-source visual editor for React alternatives
- Puck 0.18 adds drag-and-drop for CSS grid and Flexbox alternatives
- Shuffle for Material-UI alternatives
- A Visual IDE for React alternatives
- Puck (Visual Editor for React) now supports viewport switching alternatives
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →