LiveCodes

Try an idea in React, Svelte, Python, or SQL without installing anything: LiveCodes is a browser-based playground where code compiles, runs, and previews the moment you type it. Starter templates open ready-made projects for most of the 90+ supported technologies. The desktop editor brings completion, multi-cursor editing, Emmet, and Vim or Emacs bindings, while a lighter touch-friendly editor takes over on phones and tablets. Packages from npm, deno.land/x, jsr, and GitHub import straight into your code, and a console, compiled-code viewer, and test runner show what happens behind the preview. Bring projects in from GitHub gists, GitLab snippets, JS Bin, or zip files, then share them as links or QR codes, export them as HTML, JSON, or zip archives, or send them to CodePen and JSFiddle. Deploy a project to a public URL on GitHub Pages, sync your work across devices, or broadcast your editor and result live to a classroom. An embed builder and SDKs for JavaScript, React, Vue, Svelte, Solid, Preact, and web components place playgrounds inside documentation pages, and prefilled code makes every example editable. Projects stay private by default. Local assets, snippets, themes, and dark or light modes tailor the workspace to each person. Running on a dedicated VPS on RepoCloud with guaranteed CPU, RAM, and SSD, full root SSH access, and a browser serial console. MIT licensed.

LiveCodes
LiveCodes
LiveCodes
LiveCodes
LiveCodes
LiveCodes
LiveCodes

Benefits

  • Prototype without any setup
  • Open a browser tab and write React, TypeScript, Python, or SQL immediately, with no install, build step, or configuration file standing between an idea and its live result.
  • Keep every project private
  • Code stays in the browser and leaves your device only when you choose to share, export, broadcast, or sync it, so experiments and client prototypes never reach a third-party server.
  • Teach and document with live code
  • Embed playgrounds in tutorials and library docs with prefilled code, then broadcast sessions live to students, so readers and learners can edit examples instead of just reading them.
  • Run your own playground
  • Host an instance for a team, classroom, or documentation site with unlimited private projects, no required accounts, no usage caps, and no ads.

Features

  • 90+ languages and frameworks
  • Write TypeScript, JSX, Vue, Svelte, Python, Go, Ruby, PHP, C++, SQL, Markdown, SCSS, WebAssembly, and dozens more, all compiled right in the browser.
  • Editor with developer tools
  • The editor that powers VS Code brings completion, multi-cursor editing, Emmet, and Vim or Emacs bindings, with a console, compiled-code viewer, and test runner alongside.
  • Import, share, and export
  • Pull in code from GitHub, GitLab, JS Bin, or zip files, share projects as links or QR codes, and export to HTML, zip, CodePen, or JSFiddle.
  • Embeds and SDK
  • An embed builder and SDKs for JavaScript, React, Vue, Svelte, Solid, Preact, and web components place configurable playgrounds into any web page.
  • Deploy, sync, and broadcast
  • Publish projects to public URLs on GitHub Pages, sync data across devices, back it up and restore it, or broadcast your editor and result in real time.
  • Templates, assets, and themes
  • Starter templates cover most supported technologies, local assets travel with shared projects, and dark, light, and custom theme colors personalize the workspace.

Apps Similar to LiveCodes