← Back
Home › Systems › Frontend and UI

cross-platform-ui

cross-platform UI toolkit

Flutter, Compose

SystemTechniques · 15Primitives · 31 cross-platform-ui Box constraint layoutgraphics · medium: One-pass layout: constraints go down, sizes go up, parent sets position (Flutter-style)Signals and fine-grained reactivitygraphics · medium: A dependency graph of signals, memos and effects where reads auto-subscribe, so a state change re-runs exactly the outputs that used it, with no tree diff.›Flexbox layoutgraphics · medium: CSS flexbox algorithm: flex basis, grow and shrink resolution, wrapping and alignmentHit testing and gesturesgraphics · medium: Map pointer events to the UI tree and arbitrate competing gesture recognizersLayer compositinggraphics · medium: Composite retained layers or surfaces on the GPU; overlay planes, opacity and transformsPath rasterization coveragegraphics · medium: Scanline or sparse-strip coverage accumulation with nonzero and even-odd fill and analytic antialiasingPositional memoizationgraphics · medium: Store composition state by call-site position in a slot table (Jetpack Compose)Unicode line breakinggraphics · low: UAX 14 line break opportunities plus hyphenation hooksDamage trackinggraphics · low: Track dirty rectangles so each frame repaints and recomposites only what changedDisplay list recordinggraphics · low: Record draw commands into a replayable list for caching, culling and off-thread rasterGap buffergraphics · low: Array with a movable gap for O(1) edits at the cursor; text editors and slot tablesAccessibility treeagentic-ai · low: Extracting the browser/OS accessibility tree (roles, names, bounds) as a compact text view of a UI for agentsCalling conventions abicompilers · low: System V, Windows x64 and AAPCS64 ABIs: argument registers, stack frames, struct passing, FFIAnimation springs easinggraphics · low: Easing curves and critically damped spring integration for interruptible UI animationsGlyph atlas cachinggraphics · low: Rasterize glyphs on demand into GPU texture atlases keyed by glyph, size and subpixel offsetVsync frame pacinggraphics · low: Vsync, swapchain presentation modes, frame pacing, latency and variable refreshTopological sortgraphs · low: Order the vertices of a DAG so every edge points forward; the core of build systems, schedulers and dependency resolution, with cycle detection for free.›Homogeneous transformsgeometry · low: 4x4 affine and projective matrices, homogeneous coordinates, view and projection, normal matricesR-treegeometry · low: A balanced tree of nested bounding boxes that indexes rectangles and points, answering window and nearest-neighbour queries by pruning whole subtrees.›Statechartsgraphics · low: State machines with nesting, parallel regions, history and entry/exit actions, so UI and animation logic stays linear in size instead of exploding.›Alpha compositinggraphics · low: Porter-Duff compositing with premultiplied alpha and blend modesDisplay scanout modesettinggraphics · low: KMS: CRTCs, planes, atomic commits, page flips, vblank events and direct scanoutGPU command buffersgraphics · low: Record GPU work as a flat list of commands on the CPU, submit it in batches, and reuse its memory through a ring of frames in flight guarded by fences.›+ 8 more techniques+ 15 more primitives

Similar systems

Share the most building blocks with this one.