site/private-browser-ide
Build full web apps & sites, in your browser
A real React, Vue, Angular, Svelte or TypeScript project normally needs a machine, a Node install, npm install, a dev server and, online, a cloud container and an account. XCODX Studio replaces all of it with one browser tab: your files are compiled, resolved, version-controlled and previewed on your own device, and never uploaded.
{
"runs_in": "your browser tab",
"server": null, "container": null,
"node_js": null, "npm_install": null,
"account": null, "api_keys": null,
"compilers": "Web Worker, this tab",
"packages": "import maps, no node_modules",
"git": "isomorphic-git, local",
"storage": "IndexedDB on this device",
"bytes_uploaded": 0,
"works_offline": true,
"price": 0
}00 Live proof
This editor is running in your tab right now
No server built this. Edit app.js, press Run, and the page beside it recompiles and re-renders on your device. Open DevTools and watch the network: nothing carries your source anywhere.
01 tools
Every developer tool on xcodx.io
One private, browser-only engine powers the whole site. Each tool below is a different door into it, and each opens with nothing to boot.
XCODX Studio editor
The full IDE: multi-file projects, live preview, npm, Git, terminal and 100+ templates. Everything on this page, in one tab.
Framework playgrounds
90+ ready-to-code pages: React, Vue, Angular, Svelte, Solid, HTMX, Tailwind, Three.js, UI kits and more.
Online compiler, 70+ languages
One page per language with real stdin: Python, Java, C, C++, Go, Rust, Ruby, PHP, Kotlin, Swift and more.
Lite editor and embed
A compact Code / Preview / Console editor you can drop into any site with one iframe. Free, no key.
Device emulator
Preview in real phone, tablet and desktop frames with instant updates as you type.
Lighthouse audit lab
Performance, accessibility, SEO and best-practice audits in the browser, with jump-to-source for every finding.
100+ templates
React, Vue, Angular, Svelte, SolidJS, Phaser, HTMX, Vite, Vuetify, Ant Design, shadcn/ui and more, all pre-wired.
Help Center
Every panel, command, shortcut and setting documented, with a searchable command index.
Developer blog and guides
Best practices, error fixes, performance and head-to-head comparisons. Atom feed available.
02 no machine
Everything a project needs, without the machine it used to need
To our knowledge, XCODX is the first full-project browser IDE that builds, runs and previews a multi-file framework project with no server, no Node runtime, no container and no account. Here is what each piece of the traditional setup became.
A machine you control → any browser, any device
Toolchains, permissions and a terminal used to need your own computer. Now it is a tab on a desktop, tablet, phone, Chromebook or a locked-down work laptop.
Node.js + npm install → a Web Worker and an import map
Compilers and bundlers are Node programs and packages live in
node_modules. XCODX compiles in a worker in your tab and resolves npm through browser import maps. No node_modules, no install step.A dev server → a sandboxed preview fed from your tab
Something has to serve compiled files and reload the page. Here it is an isolated preview origin served by a service worker inside your browser, with hot updates as you type.
A cloud container or VM → none
Online IDEs boot a workspace on their servers to run your project. XCODX has no workspace to boot, queue for or pay for. Nothing runs on XCODX servers.
An account → none
A server-side workspace needs an owner. Your projects live in your browser's storage, and you export them as a zip or a portable .xcodx file whenever you like.
API keys and secrets → none to expose
Cloud IDEs hold credentials to run and share your work. XCODX has no backend holding your code or keys, so there is nothing to leak.
03 pipeline
What happens inside the tab
Six stages, all client-side, all ordinary browser code. Nothing below leaves your device.
Edit
Monaco, the engine behind VS Code, with IntelliSense, multi-cursor, Vim and Emacs modes, Prettier and a command palette.
Compile
TypeScript and JSX/TSX via Sucrase, Vue SFCs via
@vue/compiler-sfc, Angular JIT, Svelte, SolidJS, SCSS/Sass via Dart Sass, Less, Pug and Tailwind, in a Web Worker.Resolve npm
Bare imports such as
import React from "react"map to versioned ESM builds through an import map. Only public package code is fetched from a CDN; your code is not sent anywhere.Version
Real Git in the browser with isomorphic-git: stage, commit, branch, full history, offline. Plus per-file history with restore points.
Preview
Files stream from your tab into a sandboxed frame on a separate origin over a browser message channel, served by a service worker there. Full-width, split, device frames or a new tab.
Audit
Lighthouse-style audits for performance, accessibility, SEO and best practices, with jump-to-source for every finding, plus the device emulator.
04 privacy
100% private by architecture, not by policy
Most privacy promises are a policy: a company says it will not look at your code. XCODX's promise is structural. There is no backend that could.
The editor has no backend that receives, builds or stores projects, so there is nothing to look at. Your projects are stored locally in your browser's IndexedDB, your Git history is local, and the live preview is rendered from your tab. Close the tab and nothing of yours remains on any XCODX server, because nothing was ever there.
There is no account, so there is no credential to phish or leak. There are no API keys, because XCODX does not hold keys on your behalf; if your app needs one, it stays inside your project on your device. The preview runs on a separate, sandboxed origin, so preview code cannot reach the editor or your other tabs. Installed as a Progressive Web App, the editor, the compilers, Git and your projects keep working with no connection at all.
- storage
- IndexedDB on this device · export .zip / .xcodx
- preview
- isolated origin, service worker in your browser
- account
- none · no API keys · no login
- offline
- installable PWA
- facts
- same values in brand-facts.json
- open project my-app
- 14 files loaded from IndexedDB · 0 requests
- save src/App.tsx
- sucrase: tsx → js 5ms (worker, this tab)
- import map: react@19 · zustand@5 (public CDN, package code only)
- preview: 14 files streamed to the sandbox over a MessageChannel
- git commit -m "cart"
- [main 7c2e1a9] cart · stored locally
- requests carrying your source: 0
05 features
The full feature inventory
Everything XCODX Studio ships today, grouped the way the editor is organised. This is the reference list; the Help Center documents each item.
Editor engine
- Syntax highlighting for 70+ languages, IntelliSense-style completion, signature help
- Multi-cursor, column selection, select next occurrence, find and replace with regex
- Command palette (Ctrl+Shift+P), minimap, code folding, bracket matching, linked tag editing
- Error Lens inline diagnostics, problem badges on tabs, Outline panel
- Light and dark themes, Zen mode, full-screen, split editors, tabbed multi-file editing
- Vim and Emacs modes, Prettier format-on-save, screencast mode, cursor-centering, every Monaco option searchable in Settings
Runtime compiler
- TypeScript, JSX and TSX via Sucrase
- Vue single-file components via @vue/compiler-sfc
- Angular JIT, including modern signal APIs
- Svelte, SolidJS, Preact, Lit, Alpine.js, HTMX
- SCSS/Sass and Less via Dart Sass with cross-file @use / @import / @forward and npm stylesheets; Pug to HTML; Tailwind
- Vite-style projects: aliases, env vars, public assets; CommonJS modules bridged to ESM
npm packages
- Search and add packages by name, pick a version
- Smart auto-installer offers a package the moment you import it
- Resolved through import maps and versioned ESM builds
- Framework singletons kept (one React, one Angular core) across every dependency
- Package stylesheets and fonts resolved for UI kits like Vuetify, Bootstrap and Ant Design
Source control
- Powered by isomorphic-git: stage, commit, branch, browse full history
- Works offline; the repository is stored with the project
- Drive Git from the Source Control panel or the terminal
- Git history travels with the portable .xcodx export
Terminal and console
- Integrated terminal: run the preview, manage npm packages, drive Git
- Live console with console.log / warn / error piped from the running preview
- Execute the active file in 70+ languages with real stdin
- Find in All Files across the whole workspace with jump-to-match
Preview and emulator
- Instant hot preview as you type; Run / Reload on Ctrl+Enter
- Full-width, split beside the editor, or in a new tab with client-side routing, forms and history
- Pro device emulator with real phone, tablet and desktop frames
- Sandboxed on an isolated origin, served by a service worker in your browser
Lighthouse audit lab
- Performance, accessibility, SEO and best-practice audits, about 88% of real Lighthouse
- Every finding links to the exact element and source line, across HTML, React, Vue, Svelte and Angular
- Auto re-audit when the preview repaints
Projects, files and history
- Multi-file workspaces with folders; many projects side by side, instant switching
- Auto-save to IndexedDB; per-file history with restore points; auto-snapshot on Run
- Import a .zip, a folder or single files by drag and drop
- Export a standard .zip or a portable .xcodx file with settings and Git history
- Export and import editor settings as JSON
Templates and playgrounds
- 100+ starters: React, Vue, Angular, Svelte, SolidJS, Phaser, HTMX, Vite and more
- UI kits pre-wired: Vuetify, Ant Design, shadcn/ui, MUI, Chakra, Mantine, Bootstrap
- State and utility libraries: jotai, xstate, valtio, valibot, Zod, GSAP, D3, Three.js
- 90+ dedicated framework playground pages under /build
Docs, notebooks and content
- Markdown preview with GitHub-flavoured tables, task lists and alerts
- Jupyter notebook (.ipynb) rendering: code, stdout, stderr, HTML and image cells
- Mermaid diagrams and KaTeX math, theme-aware, with scroll sync
Platform, privacy and offline
- Installable Progressive Web App; works offline once loaded
- No account, no sign-up, no API keys, no telemetry of your source
- Projects never uploaded; the only off-device step is the optional language runner
- Runs on any modern browser: desktop, tablet, phone, Chromebook, locked-down machines
Embed on your site
- Drop a live, runnable editor into any page:
<iframe src="https://xcodx.io/playground/lite"> - Preload your own files, control it from the host page with postMessage
- Sandboxed, resizable, and a one-click hand-off to the full Studio
- Drop a live, runnable editor into any page:
06 comparison
48 parameters: XCODX vs StackBlitz, vscode.dev and OneCompiler
Online IDEs are not all the same. The question that matters is where your project actually runs, and what it costs you in accounts, uploads and waiting. Every parameter across access, architecture, frameworks, tooling, languages, editor, workspace, preview and sharing.
| Parameter | XCODX Studio (xcodx.io) | StackBlitz | vscode.dev | OneCompiler |
|---|---|---|---|---|
| Access & cost | ||||
| 01No account or sign-up | Yes: Never — nothing to sign up for | Partial: Open or fork without an account; sign in to save | Yes: No account | Partial: Run without an account; sign in to save |
| 02Price | Yes: Free, no usage limits, no credit card | Partial: Free tier; paid plans for teams and boosts | Yes: Free | Partial: Free with ads; paid tier |
| 03Install or local toolchain | Yes: None | Yes: None | Yes: None | Yes: None |
| 04Time to first run | Yes: Immediate — the project opens already running | Partial: Short WebContainer boot per workspace | No: Cannot run — editor only | Yes: Instant (on their server) |
| 05Phone and tablet use | Yes: Responsive UI, installable PWA | Partial: Desktop-first | Partial: Desktop-first | Partial: Mobile app / simple pages |
| 06Installable PWA, works offline | Yes: Full PWA: editor, compilers, Git and projects offline | Partial: Partial offline caching | Partial: Partial offline caching | No: Connection required |
| Architecture & privacy | ||||
| 07Where the project builds and runs | Yes: Your browser tab — compilers in a Web Worker | Partial: Your tab, inside a Node-in-WASM WebContainer (Chromium-class browsers) | No: No build or run | No: Remote execution server |
| 08Server or container behind a web project | Yes: None — no backend receives, builds or stores projects | Partial: No container for running; a cloud workspace for saving | Yes: None | No: Every run goes to a server |
| 09Your code uploaded to the vendor | Yes: Never | Partial: Yes, when a project is saved to your account | Yes: No — local folder or GitHub | No: Yes, on every run |
| 10Where projects are stored | Yes: Locally in your browser (IndexedDB) | Partial: Cloud workspace on your account | Yes: Local disk or GitHub | Partial: Cloud, on your account |
| 11API keys or credentials held by the service | Yes: None — there is no backend for them to live in | Partial: Account tokens and integrations | Yes: Only your GitHub sign-in | Partial: Account |
| 12Isolated, sandboxed preview origin | Yes: Separate origin served by a service worker in your browser | Yes: WebContainer origin | No: No preview | No: No preview |
| 13Secrets and env vars stay on your device | Yes: Live only inside your local project | Partial: Stored with the cloud project | Yes: Local | No: Sent with the run |
| Frameworks & in-browser compilation | ||||
| 14React and Preact (JSX / TSX) | Yes: Compiled in-browser with Sucrase | Yes: Via WebContainer toolchain | No: Editing only | No: Plain HTML/JS only |
| 15Vue single-file components | Yes: @vue/compiler-sfc in-browser | Yes: Via toolchain | No: Editing only | No: — |
| 16Angular | Yes: JIT compiled in-browser, signals supported | Yes: Via Angular CLI in WebContainer | No: Editing only | No: — |
| 17Svelte and SolidJS | Yes: Compiled in-browser | Yes: Via toolchain | No: Editing only | No: — |
| 18Lit, Alpine.js, HTMX, jQuery | Yes: Ready-made playgrounds | Yes: Via npm | No: Editing only | Partial: CDN script tags in plain HTML |
| 19Vite-style projects (aliases, env vars, public/) | Yes: Resolved in-browser, no Vite process | Yes: Real Vite in WebContainer | No: — | No: — |
| 20TypeScript | Yes: Transformed in-browser | Yes: Via toolchain | Partial: Editing and type hints, no run | Partial: Runs on the server |
| 21SCSS / Sass, Less, Pug, Tailwind | Yes: Dart Sass in-browser, Less, Pug and Tailwind | Yes: Via project tooling | No: Requires a local CLI | No: Plain CSS only |
| 22UI kits (MUI, Ant Design, Chakra, Vuetify, shadcn/ui…) | Yes: Ready-to-run templates | Yes: Via npm | No: — | No: — |
| Packages & tooling | ||||
| 23npm packages | Yes: Import maps — no node_modules, no install step | Yes: Full npm install in WebContainer | No: No npm resolution | Partial: Fixed pre-installed libraries |
| 24Package search and auto-install | Yes: Smart auto-installer offers a package when you import it | Yes: Package manager in terminal | No: — | No: — |
| 25Git source control | Yes: Real local Git (isomorphic-git): stage, commit, branch, history, offline | Yes: GitHub sync | Yes: Native source control | No: No Git |
| 26Terminal / shell | Yes: In-browser shell over your project files | Yes: Real Node.js terminal | No: No terminal | No: Output panel only |
| 27Node.js server code (Express, APIs) | No: Front-end pipeline; server scripts run via the language runner | Yes: Runs Node servers in the tab | No: — | Partial: Runs Node scripts, not servers |
| 28VS Code extensions | No: No extension marketplace | Partial: Limited | Yes: Web extensions | No: — |
| Languages & execution | ||||
| 29Programming languages you can run | Yes: 70+ (Python, Java, C, C++, Go, Rust, Ruby, PHP…), one page each | Partial: JavaScript, TypeScript and Node.js focus | No: No execution | Yes: 70+ languages |
| 30Interactive stdin | Yes: Real stdin in the terminal | Yes: Node process.stdin | No: — | Yes: Supported |
| 31Console piped from the running app | Yes: console.log / warn / error live in the editor | Yes: Terminal and browser console | No: Browser DevTools only | Yes: Output console |
| 32Rich run output (tracebacks, images) | Yes: stdout, stderr, images and tracebacks | Partial: Text output | No: — | Partial: Text output |
| Editor | ||||
| 33Code editor engine | Yes: Monaco — the engine behind VS Code | Yes: Monaco / VS Code-based | Yes: Official VS Code for the Web | Partial: Basic editor |
| 34IntelliSense, autocomplete, multi-cursor, command palette | Yes: All built in, 70+ languages | Yes: Built in | Yes: Built in | Partial: Basic |
| 35Vim and Emacs modes | Yes: Built in, one toggle | Partial: Via settings or extension | Partial: Via extension | No: — |
| 36Prettier format-on-save | Yes: Built in | Yes: Via project tooling | Partial: Via extension | No: — |
| 37Find in all files, Error Lens, linked tag editing, screencast mode | Yes: All built in | Partial: Some, via VS Code features | Partial: Via extensions | No: — |
| Workspace & files | ||||
| 38Multi-file projects with folders, many projects side by side | Yes: Unlimited local projects, instant switching | Yes: Cloud projects | Yes: Local folders | Partial: Limited multi-file |
| 39Per-file history, restore points, auto-snapshot on Run | Yes: Built in, stored with the project | Partial: Through Git | Partial: Local history | No: — |
| 40Import and export | Yes: .zip and portable .xcodx (files, settings and Git history); drag in zips, folders or files | Yes: Download as zip | Yes: Direct save to disk | Partial: Single file download |
| 41Ready-to-run templates | Yes: 100+ starters and 90+ framework playgrounds | Yes: Many starters | No: — | Partial: Language samples |
| Preview, testing & audits | ||||
| 42Live hot preview as you type | Yes: Instant — hot updates, no server round-trip | Yes: Fast HMR | No: No preview | Partial: Static run |
| 43Device emulator (phone, tablet, desktop frames) | Yes: Pro emulator with real device frames | No: — | No: — | No: — |
| 44Lighthouse-style audits with jump-to-source | Yes: Performance, accessibility, SEO, best practices; ~88% of real Lighthouse | No: — | No: — | No: — |
| 45Preview in a new tab with client-side routing | Yes: Full navigation, links, forms, history | Yes: Preview URL | No: — | No: — |
| Content & sharing | ||||
| 46Markdown, Jupyter notebook, Mermaid and KaTeX preview | Yes: Built in, theme-aware, scroll-synced | No: — | Partial: Markdown built in; notebooks via extension | No: — |
| 47Embed a live editor in your own site | Yes: One iframe, free, no signup, no API key, preloadable | Yes: Via SDK | No: No iframe embed | Partial: Single-file embed |
| 48Real-time collaboration | No: Single-user by design — nothing leaves your device | Partial: With an account | Partial: Live Share extension | No: — |
XCODX values describe the current release and are the same facts published in brand-facts.json. Competitor columns summarise each product's public documentation as of September 2026 and are offered in good faith; if something is out of date, write to [email protected] and it will be corrected. Longer write-ups: XCODX vs Replit and the comparisons section.
07 languages
Everything the editor understands
Syntax highlighting and IntelliSense cover 70+ languages. These are the ones XCODX also compiles in your tab or executes for you.
Compiled in your browser13
Zero build step. The transform runs on a Web Worker in your tab, so typing never blocks and nothing is uploaded.
- JSX
- TSX
- TypeScript
- Vue SFC
- Svelte
- Angular (JIT)
- SolidJS
- SCSS
- Sass
- Less
- Pug
- Tailwind
- CommonJS → ESM
Rendered natively9
Straight to the live preview, no transform in the way.
- HTML
- CSS
- JavaScript
- JSON
- Markdown
- Jupyter (.ipynb)
- Mermaid
- SVG
- YAML
Executed on demand22
70+ languages run through the self-hosted execution service, the only step that sends a single file off your device. stdout, stderr, images and tracebacks land in the console.
- Python
- Java
- C
- C++
- C#
- Go
- Rust
- Ruby
- PHP
- Kotlin
- Swift
- Lua
- Scala
- Perl
- Haskell
- Elixir
- Dart
- R
- Julia
- SQLite
- Bash
- PowerShell
08 questions
Private browser IDE — common questions
Does XCODX need a server to run my project?
No. For web projects — HTML, CSS, JavaScript, TypeScript, React, Preact, Vue, Angular, Svelte, SolidJS, Lit, Alpine.js, HTMX and Vite-style projects — every step runs inside your browser tab: compiling, resolving npm packages, Sass, Git and the live preview. XCODX has no backend that receives, builds or stores your project.
Do I need to install Node.js or npm?
No. TypeScript, JSX/TSX, Vue single-file components, Angular, Svelte, SolidJS, SCSS/Sass, Less and Pug are compiled by in-browser compilers running in a Web Worker, and npm packages are resolved through browser import maps. There is no node_modules folder and no npm install step.
Is my code private? Is anything uploaded?
Projects are stored locally in your browser (IndexedDB) and are never uploaded to XCODX servers. The live preview runs in a sandboxed frame on a separate origin, fed from your tab and served by a service worker in your own browser. The one exception is the optional 70+ language runner: pressing Run on a Python, Java, C++ or similar file sends that file's source to the self-hosted execution service and returns the output.
Do I need an account or an API key?
No. XCODX is free with no sign-up, no login and no API keys. Because there is no backend holding your projects, there are no credentials or secret keys that could be leaked.
Does it work offline?
Yes. Installed as a Progressive Web App, the editor, the in-browser compilers, Git and your locally stored projects keep working without a connection. Only fetching a new npm package from the CDN, and the 70+ language runner, need the network.
How is XCODX different from StackBlitz, CodeSandbox or Replit?
Cloud IDEs typically run your project in a container, a virtual machine or a browser-hosted Node runtime, and usually need an account to save. XCODX runs the whole pipeline as ordinary client-side code in one tab, with no runtime to boot, no account and nothing uploaded. Open a link and the project is already running. See the 48-parameter comparison on this page.
What can I build and preview entirely in the browser?
Multi-file projects in HTML, CSS, JavaScript and TypeScript; React, Preact, Vue, Angular, Svelte, SolidJS, Lit, Alpine.js and HTMX; Vite-style projects with aliases, env vars and public assets; SCSS/Sass, Less, Tailwind and Pug; UI kits such as Vuetify, Bootstrap, MUI, Ant Design, Chakra UI, Mantine, PrimeReact and shadcn/ui; plus Lighthouse-style audits and a device emulator.
Which developer tools does xcodx.io include?
The full Studio editor (/editor), 90+ framework and library playgrounds (/build), an online compiler with one page per language for 70+ languages (/compiler), the embeddable Lite editor (/playground/lite), the device emulator (/emulator), the Lighthouse audit lab (/lighthouse), 100+ templates, the Help Center (/help), the embedding guide (/documentation) and the developer blog (/blog).
How do I start a project in one click?
Open the editor and pick one of 100+ templates, or open a framework playground such as React, Vue, Angular or Svelte. The project opens already compiled with a live preview, and you can import an existing project as a zip, a folder or a portable .xcodx file.
Can I move my project somewhere else later?
Yes. Export any project as a standard .zip with its folder structure intact, ready to open in VS Code or deploy, or as a portable .xcodx file that also keeps your settings and Git history. Nothing is locked in.
Ready when you are
Open a tab. The project is already running.
No server, no Node, no account, no API keys, nothing uploaded. Pick a template, import a zip or start from a blank file, and keep every byte on your own device.