Languages
Overview
The term "language" used in these documentations refer to any technology (in addition to web languages: HTML, CSS and JavaScript), that needs some form of transformation/compilation to run in the browser.
LiveCodes provides support for a wide range of languages, which include (but not limited to):
- Syntax used by web libraries/frameworks (e.g. JSX, TSX, Vue SFC, Svelte SFC, MDX, Astro).
- Languages that transpile to JavaScript (e.g. TypeScript, CoffeeScript, LiveScript, ReScript).
- Languages/frameworks that generate CSS (e.g. SCSS, Less, Stylus, Tailwind CSS, UnoCSS).
- CSS processors (e.g. PostCSS, Autoprefixer, Lightning CSS, CSS Modules, cssnano)
- Traditional programming languages (e.g. Python, Ruby, Go, PHP, C++, R, Lua, Scheme, Perl).
- Data manipulation/logic languages (e.g. SQL, Prolog).
- Authoring/templating languages (e.g Markdown, AsciiDoc, Pug, Handlebars, Haml).
- Low-code/visual editors (e.g. blockly, rich text editor).
- Modeling languages/diagram-as-code (e.g. Gnuplot, Graphviz, Mermaid, Vega, Plotly).
- Languages that target WebAssembly (e.g. AssemblyScript, WebAssembly Text Format)
- ... and others.
Below is the full list of supported languages with documentations for usage in LiveCodes.
Language List
📄️ art-template
art-template is a high performance JavaScript templating engine.
📄️ AsciiDoc
TODO...
📄️ AssemblyScript
TODO...
📄️ Astro
TODO...
📄️ Autoprefixer
TODO...
📄️ Babel
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.
📄️ BBCode
BBCode ("Bulletin Board Code") is a lightweight markup language used to format messages in many Internet forum software.
📄️ Blockly
TODO...
📄️ Civet
TODO...
📄️ Clio
TODO...
📄️ ClojureScript
ClojureScript is a robust, practical, and fast programming language with a set of useful features that together form a simple, coherent, and powerful tool.
📄️ CoffeeScript
TODO...
📄️ Common Lisp
TODO...
📄️ C/C++ (Wasm)
TODO...
📄️ C++
TODO...
📄️ CSS
TODO...
📄️ CSS Modules
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
📄️ cssnano
TODO...
📄️ Diagrams
Overview
📄️ doT
doT: The fastest + concise javascript template engine for Node.js and browsers.
📄️ EJS
Embedded JavaScript templating.
📄️ Eta
Eta is an embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable. Written in TypeScript.
📄️ Fennel
Fennel is a programming language that brings together the speed, simplicity, and reach of Lua with the flexibility of a lisp syntax and macro system.
📄️ Flow
TODO...
📄️ Gleam
Gleam is a friendly language for building type-safe systems that scale!
📄️ Go (Golang)
TODO...
📄️ Haml
Haml compiler for client side javascript view templates using clientside-haml-js.
📄️ Handlebars
Handlebars: Minimal templating on steroids.
📄️ HTML
TODO...
📄️ Imba
TODO...
📄️ JavaScript
TODO...
📄️ JSX
JSX is a syntax extension for JavaScript that allows writing HTML-like markup inside JavaScript.
📄️ Julia
TODO...
📄️ Less
TODO...
📄️ Lightning CSS
TODO...
📄️ Liquid
LiquidJS: A simple, expressive and safe template engine.
📄️ LiveScript
TODO...
📄️ Lua (Wasm)
Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.
📄️ Lua
Lua is a powerful, efficient, lightweight, embeddable scripting language. It supports procedural programming, object-oriented programming, functional programming, data-driven programming, and data description.
📄️ Malina.js
TODO...
📄️ Markdown
TODO...
📄️ MDX
TODO...
📄️ MJML
MJML is a markup language designed to reduce the pain of coding a responsive email.
📄️ Mustache
Mustache: Logic-less templates.
📄️ Nunjucks
Nunjucks is a rich and powerful templating language for JavaScript.
📄️ OCaml
TODO...
📄️ Perl
TODO...
📄️ PHP (Wasm)
PHP in Browser, powered by WebAssembly (using php-wasm).
📄️ PHP
PHP running client-side in the browser using Uniter.
📄️ PostCSS
TODO...
📄️ Import Url
TODO...
📄️ Preset Env
TODO...
📄️ PostgreSQL
PostgreSQL is a powerful, open source object-relational database system. LiveCodes runs PostgreSQL in the browser using PGlite (lightweight Postgres packaged as Wasm).
📄️ Prolog
TODO...
📄️ Pug
Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers. It was formerly known as "Jade".
📄️ PurgeCSS
TODO...
📄️ Python (Wasm)
Pyodide is a Python distribution for the browser and Node.js based on WebAssembly.
📄️ Python
LiveCodes can run Python in the browser using Brython, a Python 3 implementation for client-side web programming.
📄️ R
LiveCodes runs R statistical programming language in the browser using WebR.
📄️ React Native (TSX)
React Native is a framework for building mobile apps using React and React Native. React Native support in LiveCodes is achieved by using React Native for Web (an accessible implementation of React Native's Components and APIs that is interoperable with React DOM).
📄️ React Native
React Native is a framework for building mobile apps using React and React Native. React Native support in LiveCodes is achieved by using React Native for Web (an accessible implementation of React Native's Components and APIs that is interoperable with React DOM).
📄️ React (TSX)
TSX is a syntax that allows using TypeScript in JSX.
📄️ React
React Compiler is a build-time only tool that automatically optimizes React apps.
📄️ Reason
TODO...
📄️ ReScript
TODO...
📄️ Rich Text Editor
TODO...
📄️ Riot.js
TODO...
📄️ Ruby (Wasm)
Ruby is a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.
📄️ Ruby
Ruby is a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.
📄️ Sass
TODO...
📄️ Scheme
TODO...
📄️ SCSS
TODO...
📄️ Solid
Solid is a JavaScript framework for making interactive web applications.
📄️ Solid (TS)
Solid is a JavaScript framework for making interactive web applications.
📄️ SQL (SQLite)
SQLite is a small, fast, self-contained, high-reliability, full-featured, SQL database engine. LiveCodes runs SQLite (compiled to Wasm) in the browser using SQL.js.
📄️ Stencil
TODO...
📄️ Stylis
TODO...
📄️ Stylus
TODO...
📄️ Sucrase
Sucrase is a super-fast alternative to Babel for when you can target modern JS runtimes.
📄️ Svelte
TODO...
📄️ Tailwind CSS
TODO...
📄️ Tcl
TODO...
📄️ Teal
Teal is a typed dialect of Lua.
📄️ Token CSS
TODO...
📄️ TSX
TSX is a syntax that allows using TypeScript in JSX.
📄️ Twig
Twig.js is a pure JavaScript implementation of the Twig PHP templating language.
📄️ TypeScript
TODO...
📄️ UnoCSS
TODO...
📄️ Vento
Vento is a template engine for Deno. It's inspired by other engines, such as Nunjucks, Liquid, Eta, and Mustache.
📄️ Vue 3 SFC
Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.
📄️ Vue 2 SFC
Vue.js, The Progressive JavaScript Framework, is an approachable, performant and versatile framework for building web user interfaces.
📄️ WebAssembly Text
TODO...
📄️ Windi CSS
TODO...