#1 Product of the week · Launched February 20, 2024
LiveCodes

LiveCodes

Code Playground That Just Works!

Visit website

Free126.9K impressions#1 of its week12 comments

Comments

>log in to comment
  • Jitesh Ghanchi· 3y ago

    saved

  • Yehia Zakaria· 3y ago

    Awsome tool

  • conf ma· 3y ago

    Amazing tool!

  • Bahy· 3y ago

    Nice tool! Looking forward to see more features.

  • Ahmed salman· 3y ago

    It's very helpful to have access to tools like this .

  • Ahmed Elemam· 3y ago

    Great tool, the whole processing in client side is brilliant idea.

  • mhmd amin· 3y ago

    It's very helpful to make us test new fields in our careers, I expect a lot more from the intelligent people behind this awesome tool. good luck.

  • Ahmad Alfy· 3y ago

    With this tool you can run backend languages in the browser. Create demos, reproduce bugs, share code ... You can run your own instance or use the live version.

  • Abdelrhman Said· 3y ago

    livecodes is one of my favorites tools that I use every time I want to show something to someone using a specific programming language, because of its support to more than 80 languages.

  • Karim Saif· 3y ago

    Some features and we can replace replit, It's nice and smooth 💛

  • Said Bakr· 3y ago

    I used it for an online demo of my JavaScript package foxrandomstring. It is great and handy.

  • Hatem Hosny[maker]· 3y ago

    Documentations: https://livecodes.io/docs/

A feature-rich, open-source, client-side code playground for React, Vue, Svelte, Solid, Typescript, Python, Go, Ruby, PHP and 80+ languages/frameworks. A powerful SDK allows embedding playgrounds in any web page.

LiveCodes is an open-source, client-side code playground supporting 80+ languages and embeddable via SDK.

for
Developers, educators, and product teams needing interactive code demos.
pricing
open source
license
MIT
live-codes/livecodes 1.5k 269TypeScriptupdated 10 days ago
works withReactVueSvelteSolidTypeScriptPythonGoRubyPHP

Key features

5 features of LiveCodes
  • Client-side execution — Runs code entirely in the browser without server dependencies.
  • 80+ language support — Includes React, Vue, Svelte, Solid, TypeScript, Python, Go, Ruby, PHP and many more.
  • Open-source — Free to use, modify, and self-host under an open-source license.
  • Embedding SDK — Provides a JavaScript SDK to embed playgrounds into any web page.
  • Live editing UI — Offers an interactive editor with instant preview and console output.

Use cases

  • Embedding live code examples in documentation
  • Teaching programming concepts with instant feedback
  • Prototyping UI components across frameworks
  • Running short scripts for demos without backend

LiveCodes FAQ

Do I need a backend server to run LiveCodes?+

No, LiveCodes executes code entirely in the browser, so no server is required.

Can I embed a playground in my website?+

Yes, the provided SDK lets you embed a fully functional playground on any page.

Is LiveCodes free to use?+

LiveCodes is open-source and free; you can self-host or use the hosted version at no cost.

Which languages are supported?+

LiveCodes supports over 80 languages, including major web frameworks and languages like React, Vue, Svelte, Solid, TypeScript, Python, Go, Ruby, and PHP.

Can I customize the appearance of the embedded playground?+

The SDK allows configuration of theme, layout, and initial code to match your site’s style.

Summarized by DevHunt from livecodes.io · Sep 27, 2026. Details may change; check the official site.