How do I get started with LiveCodes?

Updated

Open livecodes.io in a browser with JavaScript enabled, and you land directly in a code playground — no installation, account, or setup wizard. The site loads its editor into the page, so if you see "Loading LiveCodes... Please enable JavaScript to use LiveCodes," the playground will not start until JavaScript is on. That single requirement is the main gate to getting started.

Before you begin

  • A modern browser (desktop or mobile) with JavaScript enabled.
  • A network connection, since the playground is served from the web.
  • No local toolchain, package manager, or build step is needed to reach the editor.

Steps to run your first snippet

  1. Enable JavaScript in your browser settings if it is off. Without it, the page only shows the loading message.
  2. Go to livecodes.io. The playground initializes in the page itself.
  3. Write code in the editor that appears. The environment is built for writing and running code directly in the browser.
  4. Run and view the result in the same page. LiveCodes is described as "A Code Playground That Just Works!", which reflects the intended flow: type code, see output, iterate.

What to expect at each step

Step Your input What happens
Enable JavaScript Browser setting change Removes the blocking loading message
Open the site Visit livecodes.io The playground loads into the page
Write code Code in the editor Code sits in the browser-based editor
Run Trigger execution Results render in the playground

Common snags

  • Stuck on "Loading LiveCodes..." — almost always JavaScript is disabled or blocked by an extension. Re-enable it and reload.
  • Blank page after load — check whether a script blocker or strict privacy setting is preventing the playground from initializing.
  • Expecting a local install — LiveCodes runs in the browser; there is no separate desktop install described on the site.

What this gets you

Once the playground loads, you can start writing and running code immediately, which is the fastest path to evaluating whether LiveCodes fits your workflow. For the specific languages and frameworks available inside it, see the related question on supported languages and frameworks.