A web application for viewing Claude chat conversations from exported JSON files. Renders Claude's chat JSON exports in a clean, readable format with support for code blocks, artifacts, and thinking process sections.
- View Claude chat JSON exports in a readable format
- Direct ZIP archive upload - no extraction needed
- Browse and select from multiple conversations (conversations.json support)
- Advanced search and filtering for conversations:
- Search by title/summary or full conversation text
- Regular expression (regex) pattern matching
- Case-sensitive search option
- Real-time filtering with result counter
- Support for code blocks with syntax highlighting
- Download all code and artifacts as a zip file
- Copy entire conversations with formatting preserved
- Display Claude's thinking process (optional)
- Print-friendly layout
- Responsive design
- Persistent storage of last viewed conversation
Your data stays private. This application runs entirely in your browser as a static website. Your conversations and files:
- Never leave your computer
- Are not uploaded to any server
- Cannot be accessed by us or anyone else
- Are processed locally using JavaScript
The app is served as static files from a CDN with no backend server or database. All processing happens client-side in your browser. We have no ability to see, store, or access any of your Claude conversation data.
Visit tools.osteele.com/claude-chat-viewer to use the application.
- Export your Claude chat as JSON
- Click "Enter JSON" in the viewer or use the "Upload File" button
- Paste your JSON or select a file
- View your conversation in a clean, readable format
The viewer supports Claude's full data export in two ways:
- Request a data export from Claude (Settings → Account → Request Export)
- Download the ZIP archive when ready
- Click "Upload File" and select the ZIP directly - no extraction needed!
- Browse through all your conversations with summaries
- Select any conversation to view in detail
- Use the header navigation to switch between conversations
- Extract the Claude export ZIP
- Upload the
conversations.jsonfile using the "Upload File" button - Browse and select from your conversations
When browsing multiple conversations, you can use the search feature to quickly find specific conversations:
- Search by Title & Summary: Quick search through conversation names and summaries
- Search Full Text: Deep search through all messages in conversations
- Regex Mode: Use regular expressions for advanced pattern matching (e.g.,
\d{4}-\d{2}-\d{2}for dates) - Case Sensitive: Toggle for exact case matching
- Clear Button: Click the X button to quickly clear your search
In development mode, you can load files directly via URL parameter:
# Single conversation
http://localhost:5173/?file=inputs/chat.json
# Multiple conversations
http://localhost:5173/?file=inputs/data/conversations.json
This is particularly useful for:
- Development and testing with sample data
- Sharing specific conversation files
- Automating the viewer with pre-loaded content
Click the "Download Artifacts" button to download all code snippets and artifacts as a zip file. The downloaded archive will:
- Maintain file extensions based on language or MIME type
- Preserve directory structure from file paths
- Include all code snippets and tool outputs from the conversation
- Name files based on their titles or content
Click the "Copy conversation" button to copy the entire conversation to your clipboard. The copied text will:
- Preserve formatting when pasted into rich text editors (like Google Docs or Word)
- Include proper formatting for code blocks with monospace font
- Fall back to clean plain text when pasted into plain text editors
Use your browser's print function to create a PDF or paper copy. The viewer automatically formats the conversation for printing.
Cmd/Ctrl + V- Paste JSONTab- Navigate between elementsEnter- Activate buttons and controls
If you want to run the viewer locally:
# Clone the repository
git clone https://github.com/osteele/claude-chat-viewer.git
# Install dependencies
cd claude-chat-viewer
bun install
# Start the development server
bun devVisit http://localhost:5173 in your browser.
See CONTRIBUTING.md for development setup and guidelines.
Check out my other web applications and AI & LLM tools.
- Convert Claude JSON to Markdown - Observable script to convert Claude JSON to markdown
- Claude Artifact Unpacker - Extract and save Claude artifacts as files
- There's some Chrome extensions with similar functionality. They don't require you to download or export JSON files.
Also see my other Development Tools - Collection of development utilities and tools
Inspired by Simon Willison's Convert Claude JSON to Markdown tool.
Thanks to @adamnemecek for the UI improvement suggestion (#1).
MIT