LogoCraftReactNative

Installation

Install and configure the required dependencies to get started on your React Native project. Follow this step-by-step guide to get started.

New Architecture Required: CraftReactNative components and templates require the New React Native Architecture to be enabled in your project. They will not work with the legacy architecture.

Init

Run the following command from the root of your existing React Native project to set up everything automatically:

npx @craftreactnative/ui init

Add components

Once initialized, you can add components to your project:

# Add a single component
npx @craftreactnative/ui add Button
# Add multiple components
npx @craftreactnative/ui add Avatar Button Card
# Add all components
npx @craftreactnative/ui add --all

Introduction

Build production-ready React Native apps with a mobile-first design system foundation. CraftReactNative provides the essential components and styling patterns you need to create your own design system using Unistyles.

CLI

Add CraftReactNative components to your project with the command-line interface.

On this page