The latest articles on DEV Community by Hussnain Raza ⚡ (@hussnaindev). https://dev.to/hussnaindev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F751929%2F9f4c873a-f3d7-4193-a414-024593257405.jpeg https://dev.to/hussnaindev en Hussnain Raza ⚡ Fri, 08 May 2026 20:28:26 +0000 https://dev.to/hussnaindev/i-built-a-swiss-army-knife-for-developers-view-every-file-format-instantly-5afc https://dev.to/hussnaindev/i-built-a-swiss-army-knife-for-developers-view-every-file-format-instantly-5afc <p>Ever found yourself juggling between a dozen different tools just to preview your files? JSON validator here, a markdown preview there, a regex tester somewhere else...<br> I built View — a free, browser-based multi-format viewer that handles 10 different file types in one clean interface. No sign-up, no installation, works offline after first load.<br> What It Does</p> <p>📄 Multi-Format Support</p> <ul> <li>JSON — Interactive tree view with expand/collapse, search, breadcrumb navigation</li> <li>HTML — Live preview + source with syntax highlighting</li> <li>Markdown — Real-time rendered preview + source view</li> <li>CSV — Sortable table view with column filtering</li> <li>DOCX — Word document preview (both V1 and V2 renderers)</li> <li>PDF Export — Download beautiful PDFs of your Markdown and HTML views</li> <li>URL — Full URL structure analysis</li> <li>cURL — Parse and explain any curl command</li> <li>CRON — Human-readable cron expression explanation</li> <li>Regex — Pattern breakdown with test strings</li> <li>TOON — Custom JSON shorthand format ⚡ JSON Superpowers</li> <li>Instant search — Filter keys/values across the entire tree</li> <li>One-click code generation — Get TypeScript interfaces or Zod schemas from any JSON</li> <li>Smart copy — Copy formatted (Ctrl+C) or minified (Ctrl+M)</li> <li>Auto-expand — Large files collapse by default, medium collections auto-collapse</li> <li>Path tracking — Click any key to see its full path in the breadcrumb 🤖 AI Analysis Click "✨ ASK AI" to get instant insights about your file — summarize structure, find patterns, explain complex data. 🌗 Themes &amp; History</li> <li>Dark/Light mode toggle</li> <li>Recent files history (last 10, truncated at 50KB)</li> <li>LocalStorage persistence</li> </ul> <p>How to Use</p> <ol> <li>Drop a file — Drag &amp; drop onto the page</li> <li>Paste content — Ctrl+V anywhere</li> <li>Fetch from URL — Enter any URL, it auto-detects the format</li> <li>Load from history — Click any recent file in the sidebar Keyboard shortcuts — Ctrl+F (search), Ctrl+E (expand all), Ctrl+K (collapse all), Ctrl+D (download)</li> </ol> <p>Try It Now<br> 👉 view.hussnainraza.cv (<a href="https://view.hussnainraza.cv" rel="noopener noreferrer">https://view.hussnainraza.cv</a>)</p> <h2> No account needed. Works right in your browser. </h2> <p>Built with vanilla JS, no bundler, runs everywhere — Bun server or Cloudflare Pages.</p> json webdev developers opensource