Works with React

Generate help docs for your
React app

KodaDocs reads your React source code, captures screenshots of every route, and generates a complete help center with AI-written articles. From zero docs to a live help site in under 3 minutes.

Get Started Free See how it works

How KodaDocs works with React

1. Install & configure

Install KodaDocs and add it to your Claude Code MCP config.

uvx kodadocs mcp
playwright install chromium

2. Tell Claude to generate docs

Claude reads your React source code, detects routes, and understands your app structure.

"Generate help docs for my React app at localhost:3000"

3. Get a complete help center

KodaDocs captures screenshots, annotates UI elements, writes articles, and assembles a VitePress help center. Deploy locally or to yourapp.kodadocs.com.

What you get

Automatic route discovery from React Router
Screenshots of every page with numbered callouts
Getting Started guide generated from your codebase
Feature guides for each route and component
FAQ and Troubleshooting articles
VitePress help center with search and mobile layout
Auth-gated page support (login, capture, done)
Deploy to kodadocs.com or self-host anywhere

Ready to document your React app?

Free to self-host. Pro Kit $29 one-time. $5/mo for hosted deploy to yourapp.kodadocs.com.

Get Started Free See pricing

Stay in the loop

Get product updates, new feature announcements, and tips for better documentation. No spam.

No spam, unsubscribe anytime.