Launching today

ArachStudio

Launching today

Live-edit your GitHub components directly in the browser

95 followers

Live-edit your GitHub components directly in the browser

95 followers

Visit website

Code editors

•

AI Code Editors

Hi Product Hunt! 👋 ArachStudio helps designers & developers live-edit codebases & components online. How it works: Connect GitHub via access token. Scan & load your project path. Make real-time style edits in the visual preview (desktop/mobile). Export the final product! Help us decide: We are testing two different demo versions. Try both links and tell us which experience you prefer in the comments!

Interactive

Payment Required

Launch tags:Design Tools•Developer Tools•GitHub

Launch Team / Built With

ArachStudio

Maker

📌

Hi Product Hunt! 👋 I’m Khajieh Manbourian, and I'm incredibly excited to share ArachStudio with you today. The inspiration for this tool actually came out of my own personal frustration. Just as Linus Torvalds built Git because he needed a better way to build Linux, I built ArachStudio out of sheer necessity while working on my other product, ArachTech. The Problem: I desperately needed a way to ship faster, perform live edits seamlessly, and speed up deployments. The traditional cycle of coding, previewing, and pushing just felt too slow and disconnected for the speed I wanted to move at. The Solution: I built ArachStudio to bridge that gap. It allows you to connect your GitHub repo and visually live-edit your components right in the browser. I designed this specifically for: "Vibe coders" who want to build and iterate quickly by feel. New web designers looking for an easier bridge into code. Component editors who need a frictionless way to develop, tweak, push, and deploy. I need your help! To get this right, I’ve included two different demo links in the launch above. I want to know which workflow and experience feels better to you. Please take both demos for a spin, test out the live editing, and let me know in the comments: Which version do you prefer and what feature should I build next? Thank you so much for your support! 🚀

Report

1d ago

The GitHub-token connect step is the part I'd want to understand before pointing this at a real repo, since a token that can push edits is a broad grant. When I connect, does ArachStudio take a fine-grained token scoped to one repo, and is it held client-side in my session or stored server-side against my account? On export, does it commit straight to the connected branch or open a separate branch so I can review the diff before it lands?

Report

1h ago

Live-editing components straight from GitHub is such a time-saver — usually that loop involves cloning, editing locally, then pushing back. Does it handle merge conflicts if someone else pushes while you're editing live?

Report

14h ago

Live-editing a connected GitHub repo in the browser with a live desktop/mobile preview is genuinely impressive, especially how cleanly the path scan loads without extra config. Curious how you handle conflicts if someone edits locally while the visual session is open.

Report

10h ago

a few people in the thread are praising how painless the GitHub token setup is, that's actually the part that'd make me pause. what scope does the token need, can it be limited to a single repo, or does it need broader account access? and is it ever persisted on your servers or only held client-side for the session?

Report

7h ago

The visual preview toggling between desktop and mobile while editing styles in real time is genuinely clever. Most visual editors force you to reload or switch contexts, so keeping it live and responsive makes the iteration loop feel really tight.

Report

13h ago

the live edit idea is pretty cool honestly, but one thing that would help a lot is letting teams leave inline comments on specific elements during a review session, kind of like figma but tied to the actual css classes. would make handoff way smoother

Report

11h ago

1 2 3 4