The Future of UI is
Light & Native

Luna isn't just another framework. It's a shift in how we build. Zero-runtime overhead, type-safe, and compiled to ultra-compact WebAssembly.

Start Building npm install @luna_ui/luna

Instant Performance

Wasm Native

Type Safety

Community Love

Developers are building the future with Luna.

mizchi

@mizchi

Luna.mbt is actually insane. The performance metrics are off the charts compared to traditional JS frameworks. Finally, a true Wasm-native approach that feels ergonomic.

Sarah Jenkins

@sarah_dev

Just migrated our marketing site to Luna + Sol. The Lighthouse score went from 82 to 100 instantly. The developer experience with MoonBit is surprisingly refreshing.

Alex Chen

@alexc_code

Zero runtime overhead is not a buzzword here. The bundle size is tiny. Luna proves that WebAssembly is ready for UI development.

David Wright

@dwright_io

I was skeptical about writing UI in a non-JS language, but Luna's signal system makes so much sense. It feels like SolidJS but compiled.

mizchi

@mizchi

Luna.mbt is actually insane. The performance metrics are off the charts compared to traditional JS frameworks. Finally, a true Wasm-native approach that feels ergonomic.

Sarah Jenkins

@sarah_dev

Just migrated our marketing site to Luna + Sol. The Lighthouse score went from 82 to 100 instantly. The developer experience with MoonBit is surprisingly refreshing.

Fine-grained Reactivity

No virtual DOM. No diffing. Direct DOM updates at the signal level deliver real performance gains without the overhead.

Island Architecture

Ship 0KB of JavaScript by default. Hydrate only the interactive parts of your page with smart loading strategies.

WebComponents First

Leverage the platform. First-class support for WebComponents SSR and Hydration, moving beyond framework silos.

MoonBit Type Safety

Catch errors before they happen. A sound type system that compiles to ultra-fast WebAssembly.

Smart Hydration Triggers

Ship less, do more. Control exactly when your components wake up.

client:load

Immediate

Hydrates as soon as the page loads. Best for critical UI elements.

client:visible

Lazy

Hydrates only when the component enters the viewport. Perfect for heavy charts.

client:idle

Optimized

Hydrates when the main thread is free. Ideal for non-critical interactivity.

The Luna Ecosystem

A unified suite for the modern web.

Sol SSG

Static Site Gen (SSG)

The foundation for high-performance documentation and marketing sites. Built-in Island support.

Sol

Full-stack Framework

Step up to full SSR and ISR when you need it. Progressive architecture that scales.

Developer Experience

Familiar syntax, compiled performance.

src/components/counter.mbt

import { createSignal, createEffect } from "@luna_ui/luna"

pub fn counter() -> Unit {
  let (count, setCount) = createSignal(0)

  // Direct DOM update - No VDOM diffing
  createEffect(fn() { 
    console.log(count.value()) 
  })

  // Typesafe updates
  setCount(1)
  setCount(fn(c) { c + 1 })
}

The Future of UI is Light & Native