Skip to content

Mobilecn-UI/nativecn-ui

Repository files navigation

nativecn-ui

Beautiful and customizable React Native components, inspired by shadcn-ui. Built-in dark mode, CSS variables, and NativeWind support.

Dark mode Light mode

Usage

I have an Expo project, how do I get started?

First, initialize nativecn from your project's root directory.

npx nativecn-ui init

Then, you can start adding components.

npx nativecn-ui add Avatar

Tip: run npx nativecn-ui add -a to add all components.

How do I run this locally?

# Clone the repo
git clone [email protected]:Mobilecn-UI/nativecn-ui.git
cd nativecn-ui

# Install deps
yarn

# Run it with Expo
yarn start

Components

Contributing

Check out the contributing guide

License

Distributed under the MIT license.