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!
No reviews yetBe the first to leave a review for ArachStudio
Tried both demos and the second one felt way smoother, the live preview actually matched what I was editing instead of lagging behind. Love that it pulls straight from GitHub without needing a full repo clone.
Report
Love how clean the live preview toggles between desktop and mobile without losing your scroll position. The GitHub token flow is refreshingly straightforward, no OAuth detour needed just to try it out.
Report
Connected my GitHub and the live preview synced way faster than I expected, especially the mobile breakpoint toggle. The visual edit feedback felt instant, though the export flow took a couple of clicks to find.
Report
The live-edit preview that switches between desktop and mobile on the fly is genuinely useful, especially being able to push those style changes straight back to GitHub without leaving the browser.
Report
The visual preview idea is genuinely useful, but consider adding a quick "share preview" link that generates a public URL with the live edits applied. Designers often need to send work to stakeholders before pushing a PR, and right now there's no obvious way to share progress without exporting first.
Report
Honestly the live mobile/desktop preview toggle is a really smart touch, makes it way easier to catch responsive issues on the fly. And connecting directly through a GitHub token instead of some custom sync feels like the right call, basically no extra setup friction.
Report
Tried version A on a small React component and was honestly surprised how quickly it picked up the folder structure. The live style tweaking in the preview felt snappy. Going to test B later today to compare.
Tried both demos and the second one felt way smoother, the live preview actually matched what I was editing instead of lagging behind. Love that it pulls straight from GitHub without needing a full repo clone.
Love how clean the live preview toggles between desktop and mobile without losing your scroll position. The GitHub token flow is refreshingly straightforward, no OAuth detour needed just to try it out.
Connected my GitHub and the live preview synced way faster than I expected, especially the mobile breakpoint toggle. The visual edit feedback felt instant, though the export flow took a couple of clicks to find.
The live-edit preview that switches between desktop and mobile on the fly is genuinely useful, especially being able to push those style changes straight back to GitHub without leaving the browser.
The visual preview idea is genuinely useful, but consider adding a quick "share preview" link that generates a public URL with the live edits applied. Designers often need to send work to stakeholders before pushing a PR, and right now there's no obvious way to share progress without exporting first.
Honestly the live mobile/desktop preview toggle is a really smart touch, makes it way easier to catch responsive issues on the fly. And connecting directly through a GitHub token instead of some custom sync feels like the right call, basically no extra setup friction.
Tried version A on a small React component and was honestly surprised how quickly it picked up the folder structure. The live style tweaking in the preview felt snappy. Going to test B later today to compare.