- Flutter Code Viewer (Web) is a lightweight, offline-friendly tool to view and explore entire Flutter projects in the browser.
- It let you lets you open entire folders in your browser, search across files, and view Dart, Markdown, YAML, and Excel
Demo.mp4
- You can try it instantly with no setup:
👉 Open Flutter Code Viewer (Web)
Or clone and run locally: Clone and run locally:
git clone https://github.com/Ritesh-9004/flutter-code-viewer.git
cd flutter-code-viewer
open index.html # or just double-click it- Open entire project folders using the browser
- Syntax highlighting for Dart, Kotlin, YAML, HTML, JS, and more (powered by Prism.js)
- Markdown rendering (GitHub-style) with clickable TOC
- Provide Excel preview
- Global Search across all files (
Ctrl+Shift+F) - In-file search (
Ctrl+F) with scroll + highlight - Go to File / Line dialogs (
Ctrl+P,Ctrl+G)
- You need to explore code instantly without installing Flutter, VS Code, or Android Studio.
- You just want to read and navigate, not run or edit
- You want to share or review a project with others, without cloning or uploading.
- You're on a restricted or borrowed machine where installing tools isn't possible.
- You're doing a quick code audit, demo, or interview review
| Type | Rendered As |
|---|---|
.dart |
Syntax-highlighted code |
.md |
Rendered markdown |
.yaml, .yml |
Highlighted YAML |
.xlsx |
Spreadsheet with tab view |
.html, .js, .json, .txt |
Raw code |
.png, .jpg, .svg, .webp |
Image preview |
We welcome contributions! Whether it's fixing bugs, improving documentation, or adding new features — all kinds of help are appreciated.
- Fork this repository
- Create a new branch:
git checkout -b feature/your-feature-name - Make your changes
- Commit and push:
git commit -m "Add your message"→git push origin feature/your-feature-name - Open a pull request
💡 This project is still evolving — feel free to suggest improvements or open issues!