Skip to main content

​
Overview

LiveCodes supports over 90 languages, including popular frameworks, compile-to-JavaScript languages, and WebAssembly-based runtimes.

​
Language Categories

​
Markup Languages

HTML

Standard HTML5

Markdown

CommonMark + GFM

MDX

Markdown + JSX

Pug

Template engine

AsciiDoc

Document format

Haml

Beautiful markup
Template Engines: Mustache, Handlebars, EJS, Eta, Nunjucks, Liquid, Twig, Vento, ART Template, Jinja, Dot, MJML, BBCode Diagrams: Generate diagrams from text using Mermaid, Plotly, Gnuplot, Graphviz, Vega, and more

​
Styling Languages

CSS

Standard CSS3

SCSS

Sass with CSS syntax

Sass

Indented syntax

Less

Dynamic CSS

Stylus

Expressive CSS

Stylis

Lightweight preprocessor

​
JavaScript & TypeScript

  • JavaScript (ES2024+)
  • TypeScript (Latest version)
  • JSX - React syntax
  • TSX - TypeScript + JSX

​
Frameworks & Libraries

1

React Ecosystem

React, Preact, React Native - Build UIs with JSX
2

Vue.js

Vue 3 SFC, Vue 2 - Progressive framework with single-file components
3

Svelte

Svelte - Compiler-based framework
4

Web Components

Stencil, Lit - Build custom elements
5

Other Frameworks

Solid.js, Riot.js, Malina.js, Angular, Astro, Backbone, Knockout, jQuery

​
Compiled Languages

​
Functional Languages

  • ReScript - Type-safe functional language
  • Reason - OCaml syntax for JavaScript
  • OCaml - Functional programming
  • ClojureScript - Lisp dialect
  • Gleam - Type-safe functional language
  • Scheme - Lisp dialect
  • Common Lisp - Classic Lisp
  • Fennel - Lua-based Lisp

​
Systems Languages (WebAssembly)

WebAssembly languages run in the browser but may have longer compilation times.

C/C++

Compiled via WASI

Go

TinyGo for WebAssembly

Rust

Systems programming (coming soon)

AssemblyScript

TypeScript-like syntax

​
Scripting Languages

Python (Brython) and Python WASM (CPython via Pyodide)
Other: Perl, Julia, R, Tcl, Clio

​
Specialized Languages

  • SQL - SQLite in the browser
  • PostgreSQL - PGlite (Postgres in WASM)
  • Prolog - Logic programming (Tau Prolog)
  • Java - Java to JavaScript (J2CL)
  • C# - DotNet via WASI
  • WebAssembly Text (WAT) - Write WASM directly
  • Blockly - Visual programming
  • MiniZinc - Constraint modeling
  • RichText - WYSIWYG editor

​
Using Languages

1

Select a Language

Click the editor dropdown (e.g., “HTML”, “CSS”, “JS”) to choose from available languages.
2

Start Coding

LiveCodes automatically:
  • Loads the language compiler/runtime
  • Provides syntax highlighting
  • Enables language-specific IntelliSense
3

Run Your Code

Code runs automatically on change, or click the Run button.
Most languages are loaded on-demand, so initial compilation may take a moment. Subsequent runs are much faster.

​
Language-Specific Features

Many languages include:
  • Type definitions for TypeScript-based languages
  • Package imports via NPM or CDN
  • Preprocessor options and configuration
  • Custom compiler settings
  • Framework-specific tooling
  • Editor - Learn about the code editor
  • Templates - Start with language-specific templates
  • Modules - Import NPM packages

Build docs developers (and LLMs) love

Get started for freeTalk to us