Introduction

Preview on your device

Experience CraftReactNative components and templates directly on your mobile device. Download the preview app to see how everything look and feel on iOS and Android.

Build your design system foundation

The CraftReactNative project gives you the foundation for building your own mobile design system with React Native and Unistyles.

Mobile-first components: Carefully crafted UI elements built specifically for iOS and Android. Use the components as the foundation to create your own consistent design language. Build reusable patterns that scale with your team and brand.

Unistyles-powered styling: Built on Unistyles for type-safe theming and modern styling patterns. Get the power of CSS-in-JS designed specifically for React Native.

Premium templates: Complete screens and journeys with smooth animations. Copy and ship faster. AI-ready for customization.

How it works

1. Browse our component library and find what fits your needs. Examine documentation and examples to understand how each component works.
2. Take only what you need. Each component is self-contained with clear dependencies, allowing you to copy them directly into your project without overhead. You can use the CLI to bring the components to your project.
3. Adapt components to match your brand identity and design requirements. With complete source code access and Unistyles theming, every aspect is customizable.
4. Transform individual components into a cohesive design system. Build consistent patterns and reusable elements that grow with your team and product needs.