✨ ELF Documentation

Powerful yet simple framework for interactive components in web development. Built with Rust and WebAssembly under the hood.

Getting Started

                import { elf } from '/elf.js';

elf.init(() => {
  // This runs once the framework is ready
  elf.ui.addComponent({
    id: 'button-hero',
    template: '<button class="elf-button">Click me</button>',
    events: {
      click: () => elf.notifications.show('Hello from ELF!', 'success')
    }
  });
});

              

Core Features

1. WebAssembly-Powered

Leverage ultra-fast performance with Rust and WebAssembly while writing elegant, readable TypeScript.

2. Component System

Create and manage UI components with a simple, powerful API. Works seamlessly with modern dev tools.

Sample Button

Active State

API Reference

elf.init(callback)

Initializes the ELF framework. Pass a callback to execute code once all components are ready.

import { elf } from '/elf.js';

elf.init(() => {

// Framework ready

elf.render();

});

elf.notifications.show(message, type)

Displays a notification message with optional status indicator.

elf.notifications.show(

'File saved successfully',

'success'

);

Type: success | warning | danger | info

Need more help?

Visit our interactive playground at elf.g/playground to try examples in real-time.