nativecn

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

Universal shadcn/ui for React Native

nativecn is a library of React Native components that are easy to use, highly customizable, and designed to work seamlessly in any React Native project.

📖 Read the docs: https://nativecn.vercel.app

Components

The nativecn library includes the following components:

• Avatar
• Accordion
• Alert
• Badge
• Button
• Card
• Checkbox
• Input
• Label
• Progress
• RadioGroup
• Separator
• Skeleton
• Switch
• Text
• Textarea
• Toggle
• Typography
• Dropdown Menu
• Tabs

Installation

To get started with nativecn in your project, run:

npx nativecn init

After initialization, ensure to include: global.css inside the root layout.

Adding Components

You can add specific components to your project using the following command:

npx nativecn add [Component]
npx nativecn add Text

Contributing

We welcome contributions!