Ruby owns the whole experience

Native UI.
Ruby all the way down.

Build expressive desktop applications with state, events, animation, media, GPU effects, and 3D—without learning a second application language.

Explore the catalog Read the quickstart

$gem install zui

telemetry_console.rb Native

SYSTEM OVERVIEWGood evening, Ruby.

● LIVE

RENDER FPS60steady

COMPONENTS241native

FRAME TIME7.2ms

Runtime connectedCatalog validated

STATE GPU

241native components

12catalog families

6,782property bindings

948native events

One coherent system

One Ruby API for complete desktop applications.

Zui keeps Ruby in control while Qt handles the native scene graph, input, media, and rendering pipeline.

Reactive state

Change Ruby.
Watch native UI respond.

Transactional state, computed bindings, and surgical protocol patches keep application logic direct.

Actually native

Qt controls.
No browser engine.

Complete catalog

Every registered primitive.

A Ruby-shaped API

The interface reads like the product.

Compose components, bind values, and handle events with ordinary blocks and objects.

card padding: 24 do
  label "Build status"
  text { state.status }
  button "Deploy" do
    state.status = "Live"
  end
end

Component reference

Start with the catalog.

View all 241 components →

Button.qml

Button

↗

Zui's primary native action control with icons, tooltips, hover state, URLs, and click events.

23 props 5 events

DataTable.qml

Data Table

↗

A high-level native table for structured rows, columns, selection, sorting, and activation.

49 props 18 events

LineChart.qml

Line Chart

↗

A responsive native line chart with labels, points, grids, bounds, and selection events.

14 props 2 events

ShaderEffect.qml

Shader Effect

↗

A GPU shader surface with uniforms, source textures, time, pointer data, and frame events.

35 props 5 events container

ModelView3d.qml

Model View 3D

↗

An interactive Qt Quick 3D model viewport with orbit, zoom, lighting, fit, and status events.

26 props 7 events

Animation.qml

Animation

↗

A declarative native animation track for moving any supported property between values.

12 props 4 events

Guides

Build your first native surface.

Follow the path from a blank Ruby file to state, events, layouts, animation, and effects.

01 QuickstartInstall Zui, configure the native client, and open your first Ruby-owned desktop window. ↗ 02 State and bindingsModel reactive application state and update only the native properties that changed. ↗ 03 Events and commandsHandle native interaction, schedule work, and run bounded external commands without leaving Ruby. ↗ 04 Layout and surfacesCompose windows, grids, stacks, scroll regions, and reusable application-owned UI modules. ↗ 05 Animation and effectsAdd native transitions, sequenced motion, shaders, particles, shadows, and GPU-backed treatments. ↗

Reference every component

Your next desktop app
can be all Ruby.

Browse all components View source ↗

Native UI.Ruby all the way down.