https://github.com/nativeui-org/ui

A set of beautifully-designed, accessible React Native components distributed via the shadcn registry. Works with Expo and your favorite tools. Open Source.
https://github.com/nativeui-org/ui

components expo nativeui nativewind react-native tailwindcss ui

Last synced: 22 days ago
JSON representation

A set of beautifully-designed, accessible React Native components distributed via the shadcn registry. Works with Expo and your favorite tools. Open Source.

• Host: GitHub
• URL: https://github.com/nativeui-org/ui
• Owner: nativeui-org
• License: mit
• Created: 2025-03-20T09:45:15.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2025-11-16T22:45:05.000Z (3 months ago)
• Last Synced: 2025-11-17T00:19:12.194Z (3 months ago)
• Topics: components, expo, nativeui, nativewind, react-native, tailwindcss, ui
• Language: TypeScript
• Homepage: https://nativeui.io
• Size: 1.17 MB
• Stars: 216
• Watchers: 2
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  

  # NativeUI

  

  **Beautifully designed React Native components that you can copy and paste into your apps. Accessible. Customizable. Open Source.**

  

  [![GitHub stars](https://img.shields.io/github/stars/nativeui-org/ui?style=social)](https://github.com/nativeui-org/ui/stargazers)

  [![GitHub forks](https://img.shields.io/github/forks/nativeui-org/ui?style=social)](https://github.com/nativeui-org/ui/network/members)

  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)


  [Documentation](https://nativeui.io) • [Components](https://nativeui.io/components) • [Playground](https://github.com/nativeui-org/playground)



---

## Installation

Visit [nativeui.io](https://nativeui.io/docs) to get started.

## Usage

Check out the [documentation](https://nativeui.io/docs/usage) for detailed usage instructions and examples.

## Why NativeUI?

- **Copy and paste**: No package to install. Copy the code and paste it into your project.

- **Customizable**: Components are built using Tailwind CSS. Customize them to match your design.

- **Accessible**: Built with accessibility in mind. Keyboard navigation, screen readers, and more.

- **Mobile-first**: Optimized for iOS and Android with React Native.

- **Open Source**: Free to use. MIT licensed.

## FAQ

Why copy and paste and not a package?

The idea behind this is to give you ownership and control over the code, allowing you to decide how the components are built and styled.

Start with some sensible defaults, then customize the components to your needs.

One of the drawbacks of packaging the components in an npm package is that the style is coupled with the implementation. The design of your components should be separate from their implementation.

Do you plan to publish it as an npm package?

No. We have no plans to publish it as an npm package.

What's the difference with NativeBase, Tamagui, etc?

NativeUI is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.

What do we mean by not a component library?

We mean you do not install it as a dependency. It is not available or distributed via npm.

Pick the components you need. Copy and paste the code into your project and customize to your needs. The code is yours.

_Use this as a reference to build your own component libraries._

## Contributing

Please read our [contributing guide](./registry/CONTRIBUTING.md).

## License

Licensed under the [MIT license](https://github.com/nativeui-org/ui/blob/main/LICENSE).