Autre~74 · IA en attente
Edit your code visually with midcode
r/SideProjectu/Agusdellaquila29 septembre 2026
Analyse IA en cours de préparation : les informations ci-dessous proviennent de la détection automatique.
Résumé
I built midcode, a macOS app. You open your project folder and your site shows up on a live canvas, at every breakpoint side by side. Then: • Click anything to see its file and line. Change the text, spacing, size, layout or colors from a panel, like in Framer. • Every edit goes straight into your source as a minimal…
Afficher le post originalMasquer le post original
I built midcode, a macOS app. You open your project folder and your site shows up on a live canvas, at every breakpoint side by side. Then:
• Click anything to see its file and line. Change the text, spacing, size, layout or colors from a panel, like in Framer.
• Every edit goes straight into your source as a minimal diff: your own Tailwind classes, your own JSX. No export step, no lock-in. git diff shows exactly what you changed.
• Publish does a commit and push, so Vercel/Netlify deploy like they always do.
• Code mode shows the whole project as files, with an editor and a terminal, when you want to drop down.
• Your coding agent in a side panel: Claude Code, Codex, Gemini, Cursor, running with your own account. Select an element and send it to the agent as context.
• Languages: every text on the site grouped by page, side by side. You can translate the missing ones with Apple Intelligence, on-device and free.
• CMS (beta): arrays in your code, JSON files and Markdown posts become editable tables.
It works with Next.js, Vite, React Router, Astro and SvelteKit. It doesn't touch your config: it hooks into the dev server at runtime to map each element back to the line that renders it.
It's a one-time purchase, with a free 3-day trial. The first 50 buyers get a launch price.
I'd really like feedback or to hear your thoughts!
Download https://midcode.app
demo video: https://youtu.be/k3BPZ87BQmg
