Livecodes

Frontend code can be written and previewed in LiveCodes, a browser-based playground.

github.com/live-codes/livecodes
Livecodes homepage screenshot

About Livecodes

LiveCodes is an open-source, client-side code playground for writing and previewing code in the browser. It supports 90+ languages, frameworks and processors, including React, Vue, Svelte, Solid, TypeScript, Python, Go, Ruby and PHP.

It can be used at livecodes.io, embedded in web pages with the SDK, or self-hosted on a static file server. It supports importing modules from npm, deno.land/x, jsr and GitHub, and importing, exporting and sharing projects. A GitHub account is required only for features that use GitHub Integration.

Key features

  • Supports 90+ languages, frameworks and processors
  • Imports modules from npm, deno.land/x, jsr and GitHub
  • Embeds playgrounds in web pages using the SDK
  • Self-hosts on a static file server
  • Includes console, compiled code viewer and test runner
  • Supports import, export, share and backup/restore of projects
Best for: Developers who need to write, preview, share, or embed code examples in the browser.
Good for
  • Runs client-side without installs, configuration files or build steps
  • Supports 90+ languages, frameworks and processors
  • Can be embedded, self-hosted, and controlled programmatically via SDK
Watch out for
  • GitHub account is required for features that use GitHub Integration

Livecodes at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Yes · Source code
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Livecodes alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Popular in Code Editors & IDEs

Well-known listings from the same topic.

All 74

Livecodes FAQ

Do I need an account to use LiveCodes?
No account is required, except a GitHub account is required only for features that use GitHub Integration.
Can LiveCodes be embedded in another web page?
Yes, using the SDK available as an npm or jsr package and from CDNs, with the createPlayground method.
Can LiveCodes be self-hosted?
Yes, by downloading a release and placing it on a static file server, including deployment to GitHub Pages.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing