Clio

Clio is a fast, distributed, functional programming language that compiles to JavaScript. It is made to take advantage of multiple CPUs and CPU cores (parallelism) by default.

LiveCodes compiles Clio code to JavaScript and executes it in the browser.

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "template": "clio"
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "template": "clio"
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "template": "clio"
};
  return (<LiveCodes {...options} />);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "template": "clio"
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import LiveCodes from 'livecodes/svelte';

const options = {
  "template": "clio"
};
</script>

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

export default function App() {
  const options = {
  "template": "clio"
};
  return (<LiveCodes {...options} />);
}

Preact

import LiveCodes from 'livecodes/preact';

export default function App() {
  const options = {
  "template": "clio"
};
  return (<LiveCodes {...options} />);
}

Web Components

<live-codes
  template="clio"></live-codes>

<script type="module">
  import "livecodes/web-components";
</script>

Language Info

Name

clio

Extensions

.clio

Editor

script

Compiler

Clio compiler: v0.12.0.

Code Formatting

Not supported.

Starter Template

https://livecodes.io/?template=clio

Links

• Clio
• Clio Documentation
• Clio on GitHub