@zephora/native

React Native components for Zephora UI — the same public API as @zephora/react, themed with the same Zephora design tokens, for iOS and Android.

Install

npm install @zephora/native @zephora/theme @zephora/tokens

Requires React ≥ 18 and React Native.

Usage

import { ZephoraProvider, Button, Card, CardBody } from "@zephora/native";
import { darkTheme } from "@zephora/theme";

export default function App() {
  return (
    <ZephoraProvider theme={darkTheme} locale="en">
      <Card>
        <CardBody>
          <Button onPress={() => {}}>Save</Button>
        </CardBody>
      </Card>
    </ZephoraProvider>
  );
}

Why

• One API, two platforms — the same component props and the same theme objects as the web package, so shared logic and design stay in sync.
• Themeable — light / dark / aura / material and createTheme() from @zephora/theme.
• Localized — 48 built-in locales via the shared registry (<ZephoraProvider locale="…">).
• Accessible — platform accessibility props wired up per component.

Documentation

zephoraui.com

License

MIT