@xaui/native · beta

Composable React Native components.

75 documented components, one visual vocabulary, Reanimated motion, and React Native styles with no implicit scale.

Get started Browse components

Explicit composition

Roots and dot-notation slots. JSX order is visual order — no hidden configuration props.

Motion on the UI thread

Interactions and transitions run on Reanimated, through one shared touch feedback.

Semantic theme

A small source layer derives the light and dark palettes in OKLab.

The model in a minute

Import a component from its subpath, put its slots in the order you want them, and set style props on the node they belong to.

import { Button } from '@xaui/native/button'

<Button variant="primary" width="100%" onPress={save}>
  <Button.Icon as={SaveIcon} />
  <Button.Label>Save</Button.Label>
</Button>