Build the first window.
Understand the whole engine.
A progressive guide to native Rust interfaces. Every chapter is tied to real source files and finishes with the actual Argui application running in WebAssembly.
New to Argui?
Go from an empty Cargo project to a responsive stateful interface in four steps.
Essentials
6 guidesResponsive layout
Use Flexbox, Grid, constraints, wrapping, and container queries without device-specific branches.
Events and interaction
Handle pointer, keyboard, text, focus, and accessibility actions through one typed event system.
Choose the right interaction API
Match clicks, edits, continuous changes, commits, selections, and overlay state to the smallest typed callback.
Style and theme
Choose a color scheme and accent, override widget tokens, and apply typed visual state.
Accessibility from the start
Give controls stable semantics, keyboard behavior, focus, and useful touch targets.
Animation and motion
Start with implicit target changes, then compose keyframes, physics, color, and GPU layers when an interaction needs more control.
Advanced
4 guidesAsynchronous tasks
Run cancellable work, keep completion on the UI thread, and prevent stale results.
Lists, tables, and large data
Render collections with stable identity and virtualize data that should not all be laid out at once.
Dialogs, menus, and overlays
Build focus-safe overlay surfaces and optionally host them outside the native window bounds.
Localization and RTL
Embed Fluent catalogs, negotiate locales, format plurals, and keep layout direction consistent.
Technicalities
6 guidesThe Argui mental model
Understand models, presentations, retained elements, layout, paint, semantics, and host boundaries.
Structure a real application
Organize models, views, services, and platform edges without coupling your product to the renderer.
Write clean Argui code
Keep state authoritative, views readable, updates bounded, and feature costs visible.
Create a custom element
Own custom measurement and paint while keeping children, interaction, semantics, and invalidation in Argui.
Text fidelity across colors
Understand why glyphs can change apparent weight on colored surfaces and how Argui keeps their edges consistent.
Continuous input and frame pacing
Keep drag, scrub, resize, and other high-frequency work aligned with the display refresh cadence.