Composed React Native components for shadcn, on NativeWind or Uniwind.

Add the @zui registry to your Expo app's components.json, then install any item with the shadcn CLI. The code it writes is yours.

Browse components Get started

bash

pnpm dlx shadcn@latest add @zui/password-input

Components

How it installs

1. Add the @zui registry to components.json

json

"style": "nativewind-vega",
"registries": {
  "@zui": "https://ui.zeroxsolutions.com/r/styles/{style}/{name}.json"
}

2. Add an item with the shadcn CLI

bash

pnpm dlx shadcn@latest add @zui/password-input

3. The CLI writes it into your app

text

components/data-entry/password-input.tsx

4. Import it and compose

tsx

import { PasswordInput, PasswordInputInput, PasswordInputToggle } from '@/components/data-entry/password-input';
import { InputGroupAddon } from '@/components/ui/input-group';

<PasswordInput>
  <PasswordInputInput aria-label="Password" autoComplete="current-password" />
  <InputGroupAddon align="inline-end">
    <PasswordInputToggle />
  </InputGroupAddon>
</PasswordInput>