Browse, document, and explore the Claude source code with a beautiful, interactive UI.
The original full source code of Anthropic's Claude Code CLI.
- Per-file documentation: Summaries, use cases, and highlighted previews for every file in
claude/src. - Modern UI: Next.js 16, React 19, and Tailwind CSS for a fast, responsive experience.
- Theme support: Toggle between light and dark modes.
- Instant search & navigation: Quickly jump between files and docs.
- Code highlighting: Powered by Shiki for beautiful, readable code previews.
- Self-contained: No backend required for browsing and docs (static hosting ready).
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Open your browser: Visit http://localhost:3000
app/— Next.js app directory (pages, layouts, docs, file explorer)claude/— Claude source code and documentationcomponents/— Shared React components (e.g., theme toggle)lib/— Utility libraries (e.g., code highlighting)public/— Static assetsscripts/— Build scripts (e.g., manifest generation)
- Next.js 16 with the App Router for modern routing and layouts
- TypeScript for type safety
- Tailwind CSS for utility-first styling
- Shiki for syntax highlighting
- Custom docs system for per-file summaries and previews
- You may see 404 errors for
/hybridaction/zybTrackerStatisticsActionin the dev console. These are harmless and do not affect the main functionality. - All browsing and docs features work out of the box. No backend or API setup is required.
Apache-2.0
-
Per-file documentation: View summaries, use cases, and highlighted previews for every file in
claude/src. -
Modern UI: Built with Next.js 16, React 19, and Tailwind CSS for a fast, responsive experience.
-
Theme support: Toggle between light and dark modes.
-
Instant search & navigation: Quickly jump between files and docs.
-
Code highlighting: Powered by Shiki for beautiful, readable code previews.
-
Self-contained: No backend required for browsing and docs (except for static hosting).
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser: Visit http://localhost:3000
-
app/— Next.js app directory (pages, layouts, docs, file explorer) -
claude/— Claude source code and documentation -
components/— Shared React components (e.g., theme toggle) -
lib/— Utility libraries (e.g., code highlighting) -
public/— Static assets -
scripts/— Build scripts (e.g., manifest generation)
-
Next.js 16 with the App Router for modern routing and layouts
-
TypeScript for type safety
-
Tailwind CSS for utility-first styling
-
Shiki for syntax highlighting
-
Custom docs system for per-file summaries and previews
- You may see 404 errors for
/hybridaction/zybTrackerStatisticsActionin the dev console. These are harmless and do not affect the main functionality. - All browsing and docs features work out of the box. No backend or API setup is required.
MIT
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
