đī¸ Text
The most-used component. Displays a piece of text.
đī¸ Image
Displays an image. The key property is "type" â it decides where the image comes from.
đī¸ Icon (SF Symbols)
Displays an Apple SF Symbols system icon. No network needed, vector-scalable, and consistent with system visuals.
đī¸ Shape
Draws a geometric shape. Useful for decoration, backgrounds, dividers, and progress bar bases.
đī¸ Button
A tappable component that runs a piece of JS when tapped.
đī¸ Date
Displays a date / time / timer. Uses iOS's Text(date:) API â the system refreshes it every second without any JS involvement.
đī¸ Gauge
Ring / linear progress indicators â perfect for percentages, activity rings, and battery levels. Maps to iOS's system Gauge, designed primarily for lock screen accessories (circular / rectangular widgets).
đī¸ Spacer
A flexible placeholder that pushes apart the elements before and after it in the same container. Think of it as "whitespace that auto-expands".
đī¸ Stack (Container)
A container groups multiple children together. There are four layout modes:
đī¸ Grid
Arranges children in a fixed number of columns, wrapping automatically. Great for evenly-sized items.
đī¸ Loop
Render a component N times over an array. Under the hood, you give a container (vstack / hstack / zstack / grid) a loop data source.