Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

RENDERS THROUGH BEVY_UI

Game UI you
already know
how to write.

Browser-grade HTML, CSS and JS — plus Solid-style TSX — driving real Bevy interfaces. Fine-grained reactivity, hot reload, no new mental model.

RUST+BEVY_UI+WASM+NATIVE
DETAIL Acounter.tsxSCALE 1:1
function Counter() {
  const [count, setCount] = createSignal(0);
  return (
    <button onClick={() => setCount(count() + 1)}>
      clicked {count()} times
    </button>
  );
}
LIVE — BOOTING RUNTIME…

Principle of operation

4 CALLOUTS
1

Web stack

Author interfaces in plain HTML, CSS and JavaScript, rendered natively through bevy_ui.

DOM SURFACE
2

Solid-style TSX

Fine-grained reactive components driven by signals — no virtual DOM diffing.

SUPERSOLID
3

Hot reload

Edit a .tsx file and watch the running game update, signal state intact.

NATIVE BUILDS
4

Familiar APIs

A browser-like DOM and CSS surface, so web knowledge transfers directly.

ZERO RELEARN
!
Early build — not final

superui is in very early development and largely AI-generated. APIs are subject to change without notice. Working demos are in the examples.

PROJECTSUPERUI · BEVY UI
DRAWN BYSTROWK
SCALENOT TO SCALE
REVR1 · 0.1 EARLY BUILD
LICENCEMIT / APACHE-2.0