Topview Motion StudioGet a launch video for about $3, not thousands
Promoted
ArachStudio
Live-edit your GitHub components directly in the browser
105 followers
Live-edit your GitHub components directly in the browser
105 followers
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!
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
ArachStudio
@brahawj Merhaba. Geri bildiriminiz için teşekkürler. Takımım ve ben olabildiğince geri bildirim toplamak ve ürünümüzün kullanıcılara hitap etmesini sağlamak için elimizden geleni yapıyoruz. Sizin geri dönüşünüz bizim için çok kritik ve mühimdir. Ayrıca sizi, V2 demomuzu resmi web sitemizde test etmeye davet etmek istiyorum: www.studio.arachtech.am. Kayıt olarak 1 aylık ücretsiz deneme süresi elde edebilirsiniz; üstelik bu süre, nihai ürünün resmi lansmanına kadar uzatılabilir.
This looks really handy for quick style tweaks without firing up a whole editor. One thing that would make it a lot more useful for me would be a way to leave inline comments or annotations on specific elements while editing, so I can flag things for my dev teammate without exporting and sending screenshots back and forth.
The live desktop/mobile preview while editing styles is really helpful. Before pointing it at a real repo though, the thing I'd want to know is whether export opens a reviewable branch or commits straight to main, and what scope the GitHub token needs.
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.
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.
this is actually pretty slick, I connected my github and edited some tailwind classes in real time which felt kind of magical. the mobile preview toggle is really handy too
Love that you can plug in your own repo and start tweaking right away. One thing that would make this way more useful for me: a way to commit the visual edits back as a pull request with a diff preview so the team can review before merge. Right now exporting feels disconnected from the normal git flow.