Here's a scenario most developers know well. You're working with an AI assistant — Claude, ChatGPT, Gemini — and it generates a beautiful TSX component. Or a Markdown document. Or an HTML mockup. You download it. Now what? You open a terminal, navigate to the right folder, run `npm install`, wait for packages, start the dev server, and finally... see a 400 error because you forgot to set up the right dependencies. That, or you paste it into a code editor that shows you the raw text but not what it actually renders as. For a file that took three seconds to generate, it now takes fifteen minutes to preview. **MB Viewer was built to fix exactly this.** --- ## Enter MB Viewer MB Viewer is a free, offline-first desktop application that renders files the way they're meant to look — immediately, with no setup, no npm, no build process, and no internet connection required. Download it (one file, under 5MB), run it, and you're done. Drag a TSX file in and see the live React component. Drop a Markdown document and get beautifully rendered output, including math equations. Open an HTML mockup and see it rendered in a full sandboxed preview. View a JSON config in a collapsible tree. Preview SVGs and images alongside code. One app. Every format. Zero configuration. Since its first release, MB Viewer has been downloaded over **800 times** by developers and designers who were tired of juggling tools for different file types. --- ## What Can You Open? MB Viewer currently supports the following file formats natively: | Format | What you get | |--------|-------------| | `.tsx` / `.jsx` | Live React component preview — full hooks, state, and effects | | `.html` / `.htm` | Sandboxed iframe — full HTML/CSS/JS rendering | | `.md` / `.markdown` | GitHub Flavored Markdown with KaTeX math, Mermaid diagrams, and syntax highlighting | | `.mmd` / `.mermaid` | Rendered Mermaid diagram — flowcharts, sequence, ER, Gantt, state machines, and 12+ more | | `.json` | Pretty-printed view with collapsible tree | | `.css` | Syntax-highlighted code view | | `.js` / `.ts` | Syntax-highlighted code view | | `.svg` | Rendered vector graphics | | `.txt` | Clean formatted text view | | Images | PNG, JPG, GIF, WebP — responsive display | No plugins. No extensions. No "install this codec." Every format opens the same way: drop it in, see it rendered. --- ## Under the Hood MB Viewer isn't just a fancy file picker. It's built on a modern, carefully chosen tech stack: - **Electron 39** — battle-tested cross-platform desktop runtime - **React 19** — the UI itself is a React application - **Vite 7** — fast build system powering development - **Babel Standalone** — the TSX transpiler runs entirely inside the app. No Node.js server. No external build step. Drop in a `.tsx` file and Babel processes it right there in memory. - **KaTeX** — offline math rendering. Every `$...$` inline equation and `$$...$$` block equation in your Markdown files renders perfectly without touching the internet. - **Mermaid** — offline diagram rendering. Flowcharts, sequence diagrams, ER diagrams, Gantt charts, state machines, git graphs, and 12+ diagram types render inside `.md` files and as standalone `.mmd` files. Bundled locally — no CDN, no internet. The result is an app that feels instant because it actually is. There's no network round trip, no compilation waiting on a server, no cold start penalty. Everything runs locally. --- ## Designed for Developers and Researchers MB Viewer's tab and window system is built for serious multi-file workflows. You can open **unlimited tabs** — each with its own files, view mode, theme, and zoom level. Each tab is fully independent. You can have a TSX preview in one tab, a Markdown document in another, and an HTML mockup in a third, all in the same window. **Drag a tab out** of the window and it becomes a new independent MB Viewer window. Then **drag tabs between windows** — cross-window tab dragging landed in v2.9.0 and makes multi-monitor workflows genuinely useful. You can maintain separate workspaces across two screens, drag files between them freely, and each window remembers its own state. Need to compare two files side by side? Switch to **Double View**. Need four files simultaneously? **Quad View** puts them in a 2×2 grid. Switch between modes freely — your files are preserved. --- ## Themes and Customization MB Viewer uses a **3-layer independent theme system**: 1. **App theme** — Light or Dark, per tab 2. **Editor theme** — 8 choices per file, set independently for each file in a multi-view layout 3. **Font settings** — family and size, per preference This means you can have one tab in dark mode with a Monokai editor theme, and another tab in light mode with a GitHub-style editor theme. The customization is per-tab, not global — because different files often look better in different contexts. --- ## Privacy by Design MB Viewer collects **zero data**. No analytics. No telemetry. No crash reports. No user registration. The app works entirely offline. Files you open never leave your machine. Babel transpiles your TSX in memory. KaTeX renders your math locally. The only network activity that ever occurs is an optional update check — which you can disable — and that check contains no personal data. For developers who work with sensitive documents — proprietary code, confidential designs, internal documentation — MB Viewer is safe to use with files you can't send to a cloud service. --- ## Real-World Use Cases **Frontend developers previewing AI-generated components.** Claude generates a React component. Drop it into MB Viewer and see exactly how it renders before committing to your codebase. No npm install. No dev server. **Technical writers reviewing Markdown documentation.** See your documentation rendered exactly as readers will see it — tables, code blocks, math equations, all formatted. Edit in split-screen and watch the preview update live. **Designers checking HTML mockups.** Open HTML files from Figma exports, AI-generated mockups, or prototypes. See them rendered in a sandboxed environment without opening a browser. **Researchers working with JSON datasets.** Open large JSON files and navigate them in a collapsible tree view instead of scrolling through raw text. **Students and educators.** Open multiple lecture notes, code examples, and exercises side by side in Quad View. Edit and preview simultaneously. --- ## What's New in v3.0.0 **MB Viewer v3.0.0** ships three major updates: - **Mermaid diagram rendering** — Flowcharts, sequence diagrams, ER diagrams, Gantt charts, and 12+ more diagram types now render directly inside `.md` files and as standalone `.mmd` / `.mermaid` files. Fully offline, bundled locally. Syntax errors are shown inline so you know exactly what to fix — no crash, no spinner. - **HTML preview navigation fixed** — Clicking links inside HTML file previews no longer crashes the app. Hash links (`#section`) scroll smoothly in place. All other link clicks are safely blocked within the preview. - **Ctrl+S now works on drag-and-drop files** — Files opened by drag-and-drop can now be saved directly with Ctrl+S, no dialog, no "file path invalid" error. Save As also opens in the correct directory automatically. Previous major milestones: - **v2.9.0** — Cross-window tab dragging. Drag tabs between any MB Viewer windows. - **v2.8.0** — Tab ejection. Drag a tab out to create a new independent window. - **v2.5.0** — Multi-view modes (Single, Double, Quad). --- ## Download Free Today MB Viewer is completely free to download and use. No account required. No subscription. No limitations on usage. Download for your platform from: - **Official website**: [mbviewer.mokingbird.xyz](https://mbviewer.mokingbird.xyz) - **GitHub releases**: [github.com/mokingbird-xyz/mb-viewer-downloads](https://github.com/mokingbird-xyz/mb-viewer-downloads) Available for Windows (`.exe`), macOS Intel (`.dmg`), macOS Apple Silicon (`.dmg`), and Linux (`.AppImage`). If you run into anything unexpected, or have a file format you'd like to see supported, reach out at [[email protected]](mailto:[email protected]). We read every message.