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.
📄️ Blockly
TODO...
📄️ Civet
TODO...
📄️ C/C++ (Clang)
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++
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
TODO...
📄️ Flow
TODO...
📄️ 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
TODO...
📄️ Julia
TODO...
📄️ Less
TODO...
📄️ Lightning CSS
TODO...
📄️ Liquid
LiquidJS: A simple, expressive and safe template engine.
📄️ LiveScript
TODO...
📄️ Lua
TODO...
📄️ 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
TODO...
📄️ PostCSS
TODO...
📄️ Import Url
TODO...
📄️ Preset Env
TODO...
📄️ 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 (Pyodide)
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)
TODO...
📄️ React Native
TODO...
📄️ Reason
TODO...
📄️ ReScript
TODO...
📄️ Rich Text Editor
TODO...
📄️ Riot.js
TODO...
📄️ Ruby
TODO...
📄️ Sass
TODO...
📄️ Scheme
TODO...
📄️ SCSS
TODO...
📄️ Solid
TODO...
📄️ Solid (TS)
TODO...
📄️ SQL
TODO...
📄️ 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
TODO...
📄️ Token CSS
TODO...
📄️ TSX
TODO...
📄️ Twig
Twig.js is a pure JavaScript implementation of the Twig PHP templating language.
📄️ TypeScript
TODO...
📄️ UnoCSS
TODO...
📄️ 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...