Alternatives
Products that do what Focusmode Starter Kit does
Drag-and-drop React productivity dashboard to ship faster.
- 1

- 2

- 3

- 4

- 5AP
2021 · portfolio.zxh.io
- 6

- 7AR
2018 · github.com
- 8

- 9

- 10

- 11IM
2024 · cssgridgenerator.io
- 12P0
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
- 13

- 14AO
Hey HN, I’m Kiet, and I’m one of the co-founders of Onlook – an open-sourced desktop app that lets you visually edit your locally running React app, then write your changes back to code in real time. I posted the repo a few months ago [1] when it was just 2 weeks old. Since then, we’ve made some big changes/improvements. I wanted to share some of the updates we’ve made and add more technical details. Here are the three big ones: • Inserting new elements - Draw elements in the live page like a design tool and write them back to code. • Component detection - Detect when an element is a…
2024 · github.com
- 15

- 16

- 17

- 18

Collaborative block-based editor → ready to drop in your app
2025
- 19

- 20

- 21FR
Hey 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…
2024 · frigade.com
- 22

- 23

- 24CO
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
Ranked by how close each launch is in meaning, then by votes. Refine with a description →