Examples

Every example runs on its own page, next to its source. Start with notes, which uses most of the library at once. The rest take one idea each.

notes

A notes app: reducer, persistence, context, memo and an editor, together.

board

Cards that keep the title being typed into them while they are dragged between columns.

patch

A node editor that generates, validates and previews its own WGSL shader.

spreadsheet

Formulas over 26 x 10,000 cells: two memo stages, and a draft that survives scrolling out of view.

counter

One piece of state, three handlers that borrow it in turn.

todo

A reducer drives the list; `use_persisted` keeps it across restarts.

form

Every bound widget, a change log, and settings that survive a restart.

theme

Two values provided at the top and read three levels down, with nothing in between.

clock

A stopwatch that asks for its own repaints, and an effect that cleans up after itself.

custom-hook

Three hooks of your own, each called from two components that keep their own state.

escape-hatch

Four ways down to plain egui: a closure, a leaf, a painter, and a nested Cx.

shader

A ray-traced black hole in a <Canvas>, with sliders wired to its uniform.

list-10k

Ten thousand rows, and what drawing all of them costs.

layout

Every flex and grid attribute `<View>` understands, one section each.

styles

Every `style` attribute in a table: the name, the code that uses it, and what it draws.

fetch

`use_future` runs the request; the nearest `<Suspense>` draws the spinner.

font

CSS-style font chains: bundled, fetched and installed fonts, and what each entry resolved to.