Dev tools · alternatives · 2026
24 alternatives to Puck 0.18 adds drag-and-drop for CSS grid and Flexbox
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…
Puck 0.18 is an open-source visual editor for React that developers can embed into their applications using custom React components. The update introduces a new drag-and-drop engine with support for CSS Grid and… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
- 2
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 →
- 3
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 →
- 4
For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com · its alternatives →
- 5
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 →
- 6
WebWave▲509Ditch the grids, create websites like you design graphics
2023 · webwave.me · its alternatives →
- 7
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
2024 · cssgridgenerator.io · its alternatives →
- 8
react wrapper components for smooth-dnd. Contribute to kutlugsahin/react-smooth-dnd development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 9
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 10
- 11
- 12
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 13
FlexboxPatterns▲374Build awesome user interfaces with CSS flexbox
2016 · flexboxpatterns.com · its alternatives →
- 14
Build flexible, responsive layouts - without writing code
2016 · flexbox.webflow.com · its alternatives →
- 15
Build progressive websites with simple drag'n'drop 🚀
2018 · grid.studio · its alternatives →
- 16
Frigade▲388Hey HN! Christian here, cofounder and CTO of Frigade (https://www.frigade.com). Our tool helps product and engineering teams quickly build in-app experiences like getting started checklists, product tours, account upsells, and nps surveys. Basically all the little things that can help boost your product's activation and retention rates, but that you don't really want to spend the time building from scratch. We built React UI components such as , , and and combined them with a web app that you can use to control user targeting, content management, sequencing, and more. These…
2023 · frigade.com · its alternatives →
- 17
- 18
Plasmic▲330Next-gen visual builder/design tool for any website or app
2021 · plasmic.app · its alternatives →
- 19
Once UI 1.5▲299When 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 →
- 20
Drag & drop dashboard builder! Contribute to codaxy/dashboards development by creating an account on GitHub.
2017 · github.com · its alternatives →
- 21
Griddle - React Grid component.
2015 · dynamictyped.github.io · its alternatives →
- 22
🚀 A React Framework for building extensible drag and drop page editors - prevwong/craft.js
2020 · github.com · its alternatives →
- 23GJ
Find information, resources and relevant links for gridster.net. This domain may be for sale.
2012 · gridster.net · its alternatives →
- 24
2020 · propjockey.github.io · 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 →