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

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.

# Clone the repo
git clone git@github.com:Mobilecn-UI/nativecn-ui.git
cd nativecn-ui

# Install deps
yarn

# Run it with Expo
yarn start

Name		Name	Last commit message	Last commit date
Latest commit History 145 Commits
.husky		.husky
assets		assets
components		components
docs		docs
lib		lib
packages/cli		packages/cli
styles		styles
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc		.prettierrc
App.tsx		App.tsx
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
metro.config.js		metro.config.js
nativewind-env.d.ts		nativewind-env.d.ts
package-lock.json		package-lock.json
package.json		package.json
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock