Copy-paste components for web and mobile.

Accessible components, patterns, interactions, charts and blocks for Next.js, Vite, Expo, SwiftUI and Jetpack Compose. Open source and yours to change.

Search

Search documentation

(01) Approach

Components you own. Copy them into your project and change anything you like. For React, React Native, SwiftUI and Jetpack Compose. One design, accessible, themeable and open source.

(02) Interface

Every piece is live.

No screenshots. These are the React components themselves, running on this page. Try them.

  • pie-chart.tsx

    225

    pieces in the registry

    • Components67
    • Charts70
    • Blocks54
    • Patterns19
    • Interactions11
    • Hooks4

  • switch.tsx

  • toggle-group.tsx

  • segment-picker.tsx

  • avatar.tsx

    AMJKLSTREP

  • button.tsx

  • slider.tsx

    Volume64%

  • input.tsx

    Get release notes.

    One email when a new version ships.

  • theme.tsx

    Light and dark.

    Every token has a dark twin. Try it: this switches the whole page.

Start in one line

(03) Library

Five collections. One design language.