Interactive demos and code samples that showcase the framework in action.
Core Syntax Demo
Live-editable code editor showing basic ελλβ syntax patterns
// Simple ελλβ pattern
λ(x, y) {
return x.map(val => val * y);
}
// With type annotation
const values: Array = [1,2,3];
console.log(multMap(values, 2)); // Output: [2,4,6]
Reactive Pattern
Demonstrates ελλβ's reactivity system with visual feedback
class Counter {
@signal count = 0;
increment() {
this.count++;
}
}
const c = new Counter();
effect(() => {
document.getElementById('output').innerText = `Count: ${c.count}`;
});
Pipeline Example
Showcases composable operations in ελλβ's functional style
const data = [1,2,3,4,5];
const pipeline = compose(
filter(x => x % 2 === 0),
map(x => x * x),
reduce((a,b) => a + b, 0)
);
console.log(pipeline(data)); // Output: 20