{"id":29806334,"url":"https://github.com/binggg/Claude-Code-Web-GUI","last_synced_at":"2025-07-28T14:08:07.606Z","repository":{"id":304341700,"uuid":"1018432915","full_name":"binggg/Claude-Code-Web-GUI","owner":"binggg","description":"A simple and practical Claude Code session browser that runs entirely in your browser with no server required.","archived":false,"fork":false,"pushed_at":"2025-07-12T12:19:38.000Z","size":61,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-12T14:31:11.556Z","etag":null,"topics":["ai","claude","claudecode","code","gui"],"latest_commit_sha":null,"homepage":"https://binggg.github.io/Claude-Code-Web-GUI/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/binggg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-12T08:48:18.000Z","updated_at":"2025-07-12T13:59:26.000Z","dependencies_parsed_at":"2025-07-12T14:31:14.017Z","dependency_job_id":"47fe5fcf-bf1e-4d94-b060-efc2ca53da73","html_url":"https://github.com/binggg/Claude-Code-Web-GUI","commit_stats":null,"previous_names":["binggg/claude-code-web-gui"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/binggg/Claude-Code-Web-GUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binggg%2FClaude-Code-Web-GUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binggg%2FClaude-Code-Web-GUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binggg%2FClaude-Code-Web-GUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binggg%2FClaude-Code-Web-GUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/binggg","download_url":"https://codeload.github.com/binggg/Claude-Code-Web-GUI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binggg%2FClaude-Code-Web-GUI/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267527835,"owners_count":24102019,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-28T02:00:09.689Z","response_time":68,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","claude","claudecode","code","gui"],"created_at":"2025-07-28T14:05:57.612Z","updated_at":"2025-07-28T14:08:07.598Z","avatar_url":"https://github.com/binggg.png","language":"JavaScript","readme":"# \u003cdiv align=\"center\"\u003e\u003cimg src=\"assets/icons/logo.png\" alt=\"Claude Code Web GUI\" height=\"100\"\u003e\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n# Claude Code Web GUI\n\n[![GitHub stars](https://img.shields.io/github/stars/binggg/Claude-Code-Web-GUI?style=flat-square\u0026logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/stargazers)\n[![GitHub forks](https://img.shields.io/github/forks/binggg/Claude-Code-Web-GUI?style=flat-square\u0026logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/network)\n[![GitHub issues](https://img.shields.io/github/issues/binggg/Claude-Code-Web-GUI?style=flat-square\u0026logo=github)](https://github.com/binggg/Claude-Code-Web-GUI/issues)\n[![GitHub license](https://img.shields.io/github/license/binggg/Claude-Code-Web-GUI?style=flat-square)](https://github.com/binggg/Claude-Code-Web-GUI/blob/main/LICENSE)\n[![GitHub deployments](https://img.shields.io/github/deployments/binggg/Claude-Code-Web-GUI/github-pages?style=flat-square\u0026label=deployment)](https://binggg.github.io/Claude-Code-Web-GUI/)\n\n\u003c/div\u003e\n\n🚀 Browse, view and share your Claude Code sessions - runs entirely in browser, no server required!\n\nEnglish | [中文](README_ZH.md)\n\nhttps://github.com/user-attachments/assets/039dc640-d5fc-4c29-9bb8-a386bd1a9da8\n\n\u003e [!TIP]\n\u003e ⭐ Show your support — star the repo\n\n## Features\n\n- **Local Operation** - Runs entirely in your browser without requiring software installation or server setup\n- **Session Browsing** - Browse local Claude Code session history organized by projects  \n- **Search \u0026 Filter** - Quickly search and locate specific sessions\n- **Session Sharing** - Share session content via direct links or GitHub Gist\n- **Responsive UI** - Works on desktop and mobile devices\n- **Bilingual Support** - Switch between Chinese and English interfaces\n\n## Quick Start\n\n### Online Usage (Recommended)\nVisit: https://binggg.github.io/Claude-Code-Web-GUI/\n\n### Local Development\n```bash\ngit clone https://github.com/binggg/Claude-Code-Web-GUI.git\ncd Claude-Code-Web-GUI\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Preview production build\nnpm run preview\n```\n\n## How to Use\n\n1. Ensure you have installed and used [Claude Code CLI](https://docs.anthropic.com/en/docs/claude-code)\n2. Open the app in a browser that supports File System Access API (Chrome/Edge)\n3. Click \"Select .claude directory\" and choose the `~/.claude` folder\n   - Press `Cmd+Shift+.` (Mac) or `Ctrl+H` (Windows/Linux) to show hidden files\n4. Browse your session history\n\n## Sharing Features\n\n### Direct Link Sharing\n- Quick sharing with first 10 messages of a session\n- Suitable for brief content previews\n\n### GitHub Gist Sharing  \n- Contains complete session content\n- Supports Markdown formatting\n- Recommended for sharing full sessions\n\n## Browser Compatibility\n\nRequires modern browsers with File System Access API support:\n- Chrome 86+\n- Edge 86+\n- Other Chromium-based browsers\n\n## Development\n\n### Prerequisites\n- Node.js 16+\n- Modern browser with File System Access API support\n\n### Project Structure\n```\nsrc/\n├── components/          # React components\n│   ├── Header.jsx      # Homepage header\n│   ├── Sidebar.jsx     # Session browser\n│   ├── MainContent.jsx # Main content area\n│   └── ...             # Other components\n├── hooks/              # Custom React hooks\n├── utils/              # Business logic and utilities\n├── styles/             # CSS styles\n└── App.jsx            # Main application component\n```\n\n### Adding Features\n1. Create components in `src/components/`\n2. Add business logic to `src/utils/claudeCodeManager.js`\n3. Update translations in `src/utils/i18n.js`\n4. Style with classes in `src/styles/globals.css`\n\n## Technical Architecture\n\n### React Version (Current)\n- Frontend: React 18 with modern hooks\n- Build Tool: Vite for fast development and optimized builds\n- Styling: Modern CSS (Grid + Flexbox)\n- File Access: File System Access API\n- Data Parsing: JSONL format support\n- Component Structure: Modular, reusable React components\n\n### Key Components\n- **Header**: Homepage with actions and branding\n- **Sidebar**: Session browser with project grouping\n- **MainContent**: Chat message display area\n- **MarkdownContent**: Enhanced markdown rendering with syntax highlighting\n- **ToolCall**: Tool call visualization\n- **FABContainer**: Floating action buttons for quick actions\n\n## Privacy Notice\n\nThis application runs entirely in your local browser and does not upload any data to remote servers. All session data is processed only on your device.\n\n## License\n\nMIT License - see [LICENSE](LICENSE) file for details\n\n## Contributing\n\nIssues and Pull Requests are welcome.\n\n---\n\nIf this project helps you, please give it a ⭐ Star!\n","funding_links":[],"categories":["GUIs \u0026 Web UIs","图形界面与网页界面"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinggg%2FClaude-Code-Web-GUI","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinggg%2FClaude-Code-Web-GUI","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinggg%2FClaude-Code-Web-GUI/lists"}