Skip to content

Primitives

Low-level, usually headless building blocks intended primarily for composition. A primitive can be mountable directly, extendable, decorator-backed, or a combination of these capabilities.

ClickOutsideStable

Detect pointer interaction outside an element without prescribing UI.

JS@studiometa/ui
IndexableStable

Manage a bounded active index as a reusable headless behavior.

JS@studiometa/ui
InViewStable

Observe when an element enters or leaves the viewport.

JS@studiometa/ui
InViewOnceStable

Observe the first time an element enters the viewport.

JS@studiometa/ui
SentinelStable

Observe a boundary element to coordinate scroll-based state.

JS@studiometa/ui
TimerStable

Drive elapsed time and progress without prescribing rendered controls.

JS@studiometa/ui
TransitionStable

Coordinate enter and leave transitions as a reusable headless primitive.

JS@studiometa/ui
ViewTransitionStable

Coordinate component state with the native View Transitions API.

JS@studiometa/ui