https://github.com/unisol1020/nativecn
Universal shadcn/ui for React Native
https://github.com/unisol1020/nativecn
expo nativecn nativewind radix-ui react-native shadcn shadcn-ui tailwindcss ui
Last synced: 2 months ago
JSON representation
Universal shadcn/ui for React Native
- Host: GitHub
- URL: https://github.com/unisol1020/nativecn
- Owner: unisol1020
- License: mit
- Created: 2024-06-17T09:09:56.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-03T21:04:53.000Z (5 months ago)
- Last Synced: 2025-03-30T13:07:55.046Z (2 months ago)
- Topics: expo, nativecn, nativewind, radix-ui, react-native, shadcn, shadcn-ui, tailwindcss, ui
- Language: TypeScript
- Homepage: https://nativecn.vercel.app
- Size: 1.84 MB
- Stars: 67
- Watchers: 6
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# nativecn
Beautiful and customizable React Native components, inspired by [shadcn-ui](https://github.com/shadcn-ui/ui) and [react native reusable](https://github.com/mrzachnugent/react-native-reusables). Built-in dark mode, CSS variables, and NativeWind support.
## Universal [shadcn/ui](https://ui.shadcn.com) 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:
```bash
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:
```bash
npx nativecn add [Component]
npx nativecn add Text
```
## Contributing
```markdown
We welcome contributions!
```