Dev tools · alternatives · 2026
24 alternatives to Puck – Open-source visual editor for React
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…
Puck is an open-source visual editor for React that bridges traditional CMS and headless solutions. It allows content teams to edit pages using actual React components while maintaining brand consistency, eliminating… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Puck – Open-source visual editor for React launched in 2023; newer entries below may have overtaken it.
- 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
- 3AV
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 →
- 4
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 →
- 5
- 6
refine▲480100% open source React framework to build web apps 3x faster
2022 · github.com · its alternatives →
- 7
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 8
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 9
Open SaaS▲505Open-source & 100% free React & Node.js SaaS starter
2024 · github.com · its alternatives →
- 10
Tempo Labs▲770Quickly add payment, messaging, AI agents + more to your app
2024 · tempo.new · its alternatives →
- 11
Croct▲387We just launched Croct Templates, a way to drop CMS-powered components into your app with a single command. It's like Shadcn, but for CMS, AB testing and personalization: * Built-in support for A/B testing, content editing, and dynamic logic * Works with existing projects (Next.js, React, etc.) * Supports community libraries via `npm://`, `shadcn-ui://`, etc. Example: ```bash npx croct@latest use shadcn-ui://block/pricing-page ``` Happy to answer any questions!
2025 · croct.com · its alternatives →
- 12
The headless rich text editor framework for web artisans. - ueberdosis/tiptap
2019 · github.com · its alternatives →
- 13
Just released React Bricks' new, revamped website and wanted to show it to the community. Turn your React components into visual editing blocks. Make marketers autonomous. Keep the design system safe.
2024 · reactbricks.com · its alternatives →
- 14
Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs. - creativetimofficial/ui
2018 · github.com · its alternatives →
- 15
Grid.js▲322Free and open-source HTML table plugin that works everywhere
2020 · gridjs.io · its alternatives →
- 16
UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 17
Once UI 1.5▲302When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…
Dec 2025 · once-ui.com · its alternatives →
- 18
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 →
- 19
Hey HN, I'm Nate, the creator of Tamagui. One is a React framework that does two things differently in hopes of simplifying how we build websites and apps: 1. It unifies React Native and React web with typed file system routing by making Vite able to serve RN. This lets you share (or diverge) your code in a simpler way for cross-platform apps. 2. We've partnered with Zero (https://zerosync.dev) to make local-first work well. We've been building a solution in One that makes Zero supporting server rendering, without waterfalls, and with seamless server/client handoff. ---…
2024 · onestack.dev · its alternatives →
- 20
Atomize React▲378An open source design system for ReactJS
2019 · atomizecode.com · its alternatives →
- 21
React component kit for your headless CMS backed blog
2023 · headlesstemplates.com · its alternatives →
- 22
Hey Hackers! My name is Alex and I’ve been working on this project for the past 8 months with the support of Figma Creator Fund. I’d love to hear your thoughts from your experience working with designers & component libraries. I started out in design and later got into coding, so I understand both sides really well. I did UX Design for 12 years at startups, at my own studio and at Wix, and then worked as a front-end dev at Wix for 2 more years. I've noticed a common problem: most component libraries work great for devs but not so well for designers. In my experience working with big teams,…
2024 · github.com · its alternatives →
- 23
- 24
Open source, dev-friendly and powered by GraphQL and React
2019 · webiny.com · its alternatives →
Also compare
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 →