A modern, fast, and privacy-focused viewer for your Snapchat data exports. Browse your chat history, search messages, and view media files directly in your browser without uploading any data to a server.
- 🔒 Privacy First: Zero data collection. All processing happens locally in your browser. No servers, no tracking.
- ⚡ High Performance: Built with React and optimized with
react-virtuosoto handle massive chat logs (100k+ messages) with 60fps scrolling. - 🔍 Full-Text Search: Instant client-side search powered by
FlexSearchto find specific messages across all conversations. - 📸 Media Support: Automatically resolves and displays local photos and videos from your data export (images/videos must be in the
chat_mediafolder).
- Go to Snapchat Accounts and login.
- Select My Data.
- Request a download (ensure "Chat History" and "Memories" are selected).
- Download and unzip the
my_data.zipfile when it's ready.
You can run this project locally:
# Install dependencies
npm install
# Start development server
npm run dev- Open the app in your browser (usually
http://localhost:5173). - Drag and drop your entire unzipped folder (e.g.,
my_data_1234) onto the drop zone.- Alternatively, select the
json/chat_history.jsonfile manually.
- Alternatively, select the
- The app will parse your history and build a search index in seconds.
- Frontend: React, TypeScript, Vite
- State Management: Zustand
- Search: FlexSearch
- Virtualization: React Virtuoso
- Styling: Vanilla CSS with CSS Variables (optimized for performance)
src/
├── components/ # UI Components (Chat, Sidebar, etc.)
├── hooks/ # Custom hooks (File handling, Media resolution)
├── stores/ # State management (Conversation, Search, Media)
├── utils/ # Parsers and helpers
└── types/ # TypeScript definitions
This project is an independent tool and is not affiliated with, endorsed by, or connected to Snapchat Inc. It is open-source software designed for personal data viewing.
MIT