Click the preview, land in code
Kerf keeps source and rendered output tied together so layout fixes start from the exact element you meant to touch.
A web editor built for direct manipulation
Edit the page you see, without losing the code you trust.
Kerf brings Monaco, live preview, and bidirectional sync into one desktop workflow for people who still want exact control.
Features
A tighter loop between the rendered page and the source that shapes it.
Kerf is built for people editing real sites, not toy canvases. The product stays focused on precision, speed, and context.
Monaco where you need precision
The editing surface uses the same engine developers already trust, without burying the visual feedback behind extensions.
CSS updates without the page reset
Stay in the flow while you iterate on styling, spacing, and structure with a live preview that feels immediate.
Pricing
Simple pricing, powerful editing.
Start with the core editor for free, then upgrade when your projects need framework tooling, AI support, and deployment.
Monthly Annual SAVE 17%
Kerf
$0
Everything you need to edit static sites with code-preview sync.
- Bidirectional click-to-source sync
- CSS hot-swaps without reload
- Live preview and diagnostics
Kerf Pro
$12/mo
Framework-aware editing, AI assistance, and one-click deploy.
Monthly billing
- Framework tooling
- AI-assisted editing
- One-click deploy
Kerf Pro
$199
Own the pro toolchain outright and renew updates only when you need them.
One-time purchase, one year of updates included
- All Pro features
- Offline-first workflow
- Renew at $49/year
Use Kerf where the code still matters.
Download the current build, then let the marketing site stay lightweight while the app evolves behind its own entry point.