Your one-click escape hatch from React boilerplate.
Paste a React component. Get an idiomatic HTMX, Alpine, or Svelte version — with a migration diff and a breakdown of every dependency array, hook, and re-render you just deleted.
5 free conversions/day · no signup to try · Pro is $12/mo
0
build steps in the output
~40%
fewer lines on a typical component
3
escape routes: HTMX · Alpine · Svelte
Pick your lighter stack
Three escape routes, each tuned to how that framework actually wants to be written.
HTMX
Server-driven HTML. Hypermedia over JSON. No build step.
- removes client-side state
- removes the virtual DOM
- removes JSX/build tooling
- removes API JSON plumbing
Alpine.js
Sprinkle reactivity into HTML with x-data. 15KB, no bundler.
- removes JSX
- removes the build step
- removes component lifecycle boilerplate
- removes hooks
Svelte
Compiled reactivity. State is just variables. No hooks, no deps array.
- removes useState/useEffect ceremony
- removes the virtual DOM
- removes dependency arrays
- removes memoization
How the escape works
1. Paste
Drop in any React component — hooks, JSX, the works.
2. Convert
We rewrite it idiomatically and diff it against the original.
3. Ship lighter
Copy runnable code plus a list of the complexity you removed.
Migrating a whole repo, not one file?
Pro unlocks unlimited conversions, full-repo batch migration, and the npx react-escape CLI — point it at a folder and walk away.