Open, read and edit JavaScript files directly in your browser - no IDE, no Node, no software needed. Get syntax highlighting, a live structure outline, an interactive dependency graph, split-view comparison and four color themes. Need to shrink your code? Try the JS/CSS Minifier. View related files with the CSS Viewer, JSON Viewer, HTML Viewer or browse all 200+ file viewers.
or click to browse - files up to 5 MB
Drag your .js, .mjs, .cjs, .jsx, .ts or .tsx file onto the upload area, or click to browse. Files up to 5 MB are parsed instantly in your browser.
Switch between Formatted, Raw and Structure views. The Structure view lists every function, class, variable, import and export, and draws an interactive dependency graph.
Open a second file and click Split to compare side by side. Use Edit mode for quick changes with auto-indent, then Beautify or Minify in a click. Need a full minify pass? Use the JS/CSS Minifier.
Copy a single function, export a specific line range, download the file as .js, or grab all open files as a ZIP with a branded README inside.
Working with other formats? Use the CSS Viewer, JSON Viewer, HTML Viewer or the XML Viewer. Browse the full set of 200+ file viewers for everything else.
Switch between VS Code, GitHub Dark, Monokai and Dracula syntax themes from the toolbar.
Open two JS files side by side to compare code, structure and imports at a glance.
Edit code directly with auto-indent, bracket auto-close, tab support and Ctrl+S to apply.
Visualize every import and require relationship as an interactive SVG graph in Structure view.
Full view includes Ctrl+F search with regex mode, match navigation and go-to-line.
Extract the complete body of any single function to your clipboard from Structure view.
Bundle every open file into one ZIP with a branded README, or export a single line range.
All processing happens in your browser. Your source code never leaves your device.
JavaScript is the language of the web, running in every browser and - through Node.js - on servers, build tools and command-line apps. A .js file is plain text, so it opens in any editor, but without syntax highlighting and structure analysis it is hard to read. This viewer adds colour-coded highlighting, a navigable outline of functions and classes, and a dependency graph so you can understand an unfamiliar file in seconds.
Modern projects ship many JavaScript dialects: ES modules (.mjs), CommonJS (.cjs), React JSX (.jsx) and TypeScript (.ts, .tsx). All of them are supported here, including ES6+ classes, arrow functions and async/await. Because everything runs locally, it is safe for proprietary or confidential source code - nothing is ever uploaded.
Need to compress before shipping? The JS/CSS Minifier strips whitespace and comments. For data files use the JSON Viewer, and for stylesheets the CSS Viewer.
Drag your .js file onto this page and it is parsed and syntax-highlighted instantly in your browser. No VS Code, no Node, no install - it works on any device including Chromebooks, tablets and work-locked PCs where you can't install software.
Yes - completely. All parsing, editing and analysis happens locally in your browser. Your files are never uploaded to any server, making this safe for proprietary, confidential or sensitive source code. Still concerned? Please contact us and we'll be happy to help!
After loading your first file, click Add File in the tab bar to open a second one. With two files open, click Split to view them side by side. Each panel scrolls independently - useful for comparing two versions of a module or checking imports between files.
Yes - when two or more files are open, the Download ZIP button bundles them all into a single archive with a branded README.txt inside. A single file can be exported directly as a .js download, or you can export just a chosen line range.
Switch to Structure view to see a visual SVG graph of every import and require statement. Relative imports, npm packages and Node.js built-ins are colour-coded, and clicking any node copies the import path so you can understand a file's dependencies at a glance.
Modern JavaScript (.js), ES modules (.mjs), CommonJS (.cjs), React JSX (.jsx) and TypeScript (.ts, .tsx) are all supported, including ES6+, classes, arrow functions and async/await. For other languages and formats, see our 200+ file viewers.