Integrations
Works with the stack you already have.
midcode opens the project that’s on your Mac, runs it the way you do, and writes every edit into your own files. Here’s everything it works with: 14 available today, the rest marked with when they arrive.
Free for 3 days. Then one payment.
01/Frameworks
Your framework, on a canvas. midcode runs your project’s own dev server and edits the files it’s made of.
- Next.js. App Router projects, edited in their .tsx files. Metadata and pages too.
- React + Vite. Vite projects in React, Preact or Solid, edited in their JSX.
- React Router. Framework-mode apps: routes as pages, edited in their JSX.
- Remix. Remix apps on Vite, edited in their route files.
- SvelteKit. SvelteKit and Vite + Svelte, edited in their .svelte files.
- Next releaseAstro. .astro pages and layouts, edited in their markup.
- Next releaseVue. Vite + Vue apps, edited in the template of each .vue file.
- Next releaseNuxt. Pages, layouts and components, edited in their .vue files.
- Next releasePlain HTML. A folder of .html files. No build, no framework.
- Next releaseLaravel. Blade views, edited on the canvas. With or without Vite.
- Next releaseWordPress. Opens to review and comment
- Next releasePHP. Opens to review and comment
- Next releaseDjango. Opens to review and comment
- Next releaseRails. Opens to review and comment
- Next releaseHugo. Opens to review and comment
- Next releaseJekyll. Opens to review and comment
02/Platforms
Stores and themes. The theme stays code in your repo. midcode makes it something you can click.
03/Styling
With Tailwind, or without. The panel writes classes. Which ones depends on what your project already uses.
04/AI agents
Your agent, beside the canvas. Your own account, your own model. midcode gives it the element you’re pointing at.
- Claude Code. A chat beside the canvas, with the element you point at as context.
- Codex. OpenAI’s coding agent in the chat, with your own login.
- Gemini CLI. Google’s agent in the chat, with your own account.
- OpenCode. The open source agent in the chat, with the models you set up.
- Cursor. Copy any element’s reference into Cursor, or run its CLI beside the canvas.
05/Publish
From the canvas to production. Review what changed, commit and push in one step.
06/Backend
The data behind the site. Your database’s tables and SQL, next to the pages that show them.
- In developmentPostgres. Your tables and a SQL editor, found from your .env.
- In developmentSQLite. The .db file in your project, as tables you can read and query.
- In developmentAuth. Sign-in for your site, set up visually
Open your project and see.
The fastest way to know if midcode works with your project is to open it. Three days free, no card, nothing added to your code.
or