pixelize-native-library

Pixelize's React Native / Expo design library — the mobile counterpart to pixelize-design-library (web).

npm i pixelize-native-library

import { PixelizeProvider } from "pixelize-native-library/theme";
import { Button } from "pixelize-native-library/button";

Why subpath imports

pixelize-native-library/button pulls Button's module subtree and nothing else. Charts, the date picker, and the table never enter your bundle unless you import them.

This is not tree-shaking. Metro's tree-shaking is experimental, production-only, and enabled by a flag the consumer app sets — a library can't turn it on. Package Exports have been stable in Metro since 0.79 and work in dev and prod, on bare RN and Expo, with zero config in your app.

Docs

• Component list and props: registry.json (generated)
• Contributing / API contract: CLAUDE.md
• Playground: example/ (Expo)

Theme

Themes and colours are shared with web by hand-copying one folder: src/theme/tokens/. It is byte-identical across both repos and hash-gated in CI (.tokens.sha256). Anything platform-specific lives in src/theme/platform/, which is never copied.