User guide

Getting Started

Hello World

Window setup, state management, DOM creation, handling mouse clicks for a „counter“ app

Introduction Rust C C++ Python C# Java Kotlin Lua Ruby Node.js OCaml Zig Go Pascal Scala Fortran Haskell Common Lisp PHP Perl D Nim Racket Red Odin Crystal Julia V Swift

Application Architecture

Explains the concepts of architecting a larger Azul application

Introduction Routing Components

Document Object Model

Node types, hierarchy, and CSS scoping

Introduction Reconciliation Datasets Merge Callbacks Virtual Views

Events

Callbacks, event filters, and how state triggers relayout

Introduction Callbacks Text Input Text Selection Scrolling & Drag

Styling with CSS

Stylesheets, selectors, and the cascade

Introduction CSS Properties System Themes Styling Text Icon Packs

Layout

Overview of the layout solver

Introduction Simple Layout Inline Layout Flexbox Grid

Images

Loading raster images and CSS backgrounds

Introduction SVG GL Canvas

Animations

Transitions, @keyframes, and the enter/exit animation properties

Introduction Timers Zombie Animations

Built-in Widgets

Built-in widgets and how to write your own

Introduction Input Widgets Structural Widgets Maps

System

Windows & Menus File Dialogs Clipboard Device Input Realtime Media Accessibility

Advanced

Debugging

Debug overlays, the inspector, and structured logging

Introduction Profiling End-to-End Testing