Dev tools · alternatives · 2026
24 alternatives to ArachStudio
Live-edit your GitHub components directly in the browser
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
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 →
- 2GF
2012 · pixelapse.com · its alternatives →
- 3
- 4
Devsync▲319Visually edit CSS. Live-sync the result with your editor.
2020 · devsync.co · its alternatives →
- 5
Edit HTML files visually. Contribute to urin/vscode-web-visual-editor development by creating an account on GitHub.
2024 · github.com · its alternatives →
- 6
PixelFree Studio▲617From design to code in just 1 click
2024 · pixelfreestudio.com · its alternatives →
- 7
- 8
The world’s development platform, in your pocket
2019 · github.com · its alternatives →
- 9
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 →
- 10
GitHub for Atom▲311Git and GitHub integration right inside Atom
2017 · github.blog · its alternatives →
- 11
- 12
Point and click any element in your browser, then let Claude, Cursor, Antigravity, or Qwen write the code. Dosmos bridges visual design and AI-powered frontend development.
Feb 2026 · dosmos.app · its alternatives →
- 13ID
2012 · documentup.com · its alternatives →
- 14
Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…
Apr 2026 · cssstudio.ai · its alternatives →
- 15
Github Pages▲98Every Github repo has a secret free website.
2014 · pages.github.com · its alternatives →
- 16
Readmekraft▲132Craft perfect GitHub markdown files with AI
2024 · readmekraft.vercel.app · its alternatives →
- 17
- 18
I was frustrated with how bad a signal of progress through a big PR "Files viewed" was, so I made a "Lines viewed" indicator to complement it. Designed to look like a stock Github UI element - even respects light/dark theme. Runs fully locally, no API calls. Splits insertions and deletions by default, but you can also merge them into a single "lines" figure in the settings.
Feb 2026 · chromewebstore.google.com · its alternatives →
- 19
Online tool for editing code files in GitHub Repositories
2019 · linb.github.io · its alternatives →
- 20
git repo to local editor instantly. Contribute to Jarred-Sumner/git-peek development by creating an account on GitHub.
2021 · github.com · its alternatives →
- 21
In order to make it easier to visually explore HTML/JS/CSS, directly in @code, GistPad (https://t.co/C4vZgHmZhi) now allows you to create "Web playgrounds" that are fully editable mini web apps, that provide a live preview, and are persisted as GitHub Gists 🚀
2019 · twitter.com · its alternatives →
- 22
Minimal live-editing example for React. Contribute to gaearon/react-hot-boilerplate development by creating an account on GitHub.
2014 · github.com · its alternatives →
- 23
List of thing you can add to your github readme profile - haidang666/awesome-tool-for-readme-profile
2021 · github.com · its alternatives →
- 24
Here you can find some insights into GitHub real-time contribution, including pull request events grouped by programming languages, top 5 active repositories and developers last 24 hours.
2022 · live.ossinsight.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 →