Theme

Introduction

React Native components that don’t crash.

PocketUI is a set of copy-paste React Native components. You copy a file into your project and own it; there is no package to install or upgrade.

What you get

  • Plain StyleSheet. No styling library, no Babel plugin, no runtime theme provider.
  • One theme file. Copy theme.ts once. It holds light and dark colors, spacing, radius and font sizes, and every component imports it with ./theme.
  • Live previews. Every component page has an interactive browser preview, next to the exact source you copy.
  • Tested before it ships. A component is published only when the repo passes strict TypeScript and lint checks.
  • New Architecture only. Components target the React Native New Architecture and the current Expo SDK.

How it works

  1. Copy theme.ts into components/ui/ (once). See Installation.
  2. Open a component page, install its listed npm packages, and copy its file next to theme.ts.
  3. Import it like any local component.

Components

On this page