anupam42 / malinajs

Frontend compiler, inspired by Svelte

Malina.js

Malina.js builds your web-application to use it without framework on frontend side. Therefore your web-app becomes thinner and faster, and the application itself consists of vanilla JavaScript, look at examples. TodoMVC example 2.7kb (gzipped) and source code.

For documentation about Malinajs, please visit our website.
Also, please join our community on Discord or Telegram.

tools

• Syntax Highlighter for VS-Code
• Try Malina.js online (REPL)

Articles

• Comparision with Svelte.js
• Comparision with Vue 3
• Passing CSS classes to child components
• Using fragments

The Gist

<script>
  let name = 'world';
    
  function rename() {
    name = 'user';
  }
</script>

<h1>Hello {name.toUpperCase()}!</h1>
<button @click={rename}>Rename</button>

Quick Start

You can get started with a simple app by running the following in your terminal:

npx create-malina myapp
cd myapp
npm run dev
# open http://localhost:7000/

Or via Docker:

docker run --rm -it --user ${UID} -p 7000:7000 -v `pwd`:/app/src lega911/malina
# open http://localhost:7000/

Build compiler

npm install
npm run build

License

MIT