Imba

Imba is a full-stack programming language for the web that compiles to performant JavaScript. It has a clean, Ruby-like syntax and is designed for building web applications.

LiveCodes compiles Imba code to JavaScript modules that run in the browser.

Usage

Demo

show code

JS

import { createPlayground } from 'livecodes';

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

TS

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

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

React

import LiveCodes from 'livecodes/react';

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

Vue

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

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

Svelte

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

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

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

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

Preact

import LiveCodes from 'livecodes/preact';

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

Web Components

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

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

Module Imports

npm modules can be imported as described in the section about module resolution, including bare module imports and importing from different CDNs.

DOM Access

Imba code runs in the browser and has access to the DOM and other Web APIs.

Language Info

Name

imba

Extensions

.imba

Editor

script

Compiler

Imba compiler

Version

imba: v2.0.0-alpha.229

Code Formatting

Not supported.

Starter Template

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

Links

• Imba
• Imba Documentation
• Imba on GitHub