Launching today

ArachStudio

Launching today

Live-edit your GitHub components directly in the browser

71 followers

Live-edit your GitHub components directly in the browser

71 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

Framer AI AgentsDesign and publish professional sites with AI

Promoted

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

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

4h 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

15m 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

3h 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

1h ago

Love how the visual preview switches between desktop and mobile without losing your edits, that kind of responsive fidelity makes iterating on real codebases feel way less clunky than the usual screenshot-based tools.

Report

40m ago

Live-editing components directly from GitHub is a really smooth workflow. One thing that would make it even better would be a git-aware diff view showing which CSS or prop values changed before exporting, so I can review the impact before pulling the changes back into my repo.

Report

39m ago

1 2