React Templates & Themes Logo React Templates & Themes
Nativecn UI screenshot

Nativecn UI

Author Avatar Theme by Mobilecn ui
Updated: 8 Sep 2024
1125 Stars

Beautiful and customizable React Native components

Github Live Preview

Categories

React native Tailwind Shadcn ui

Overview:

The nativecn-ui is a React Native component library that offers beautiful and customizable components, designed to help developers build apps faster. Inspired by the shadcn-ui library, nativecn-ui provides a range of UI elements and features for React Native projects.

Features:

  • Dark mode: The UI components in nativecn-ui support a dark mode, allowing users to switch between a light and dark theme easily.
  • Light mode: In addition to dark mode, nativecn-ui also supports a light mode, providing a clean and bright theme for users who prefer a lighter aesthetic.
  • Usage: The library offers usage guidelines and instructions on how to run it locally and add components to an Expo project.
  • Components: The nativecn-ui library includes a variety of components such as Avatar, Badge, Button, Card, Input, Skeleton, Tabs, Toast, Toggle, Checkbox, and Form (work in progress).
  • Contributing: For developers interested in contributing to the project, a contributing guide is available to help them get involved.
  • License: The nativecn-ui library is distributed under the MIT license, allowing developers to use and modify the library freely.

Installation:

To install the nativecn-ui library, follow these steps:

  1. Open your terminal and navigate to the root directory of your React Native project.

  2. Run the following command to install the library:

    npm install nativecn-ui

  3. Once the installation is complete, import the desired components from the library to use them in your project:

    import { Button, Card, Input } from 'nativecn-ui';

  4. You can now start using the nativecn-ui components within your React Native project.

Summary:

The nativecn-ui is a React Native component library that offers a collection of beautiful and customizable UI elements. With support for dark mode and light mode, the library allows developers to easily switch between different themes. Installation and usage of the library are straightforward, and there are various components available to facilitate the development of React Native apps. The nativecn-ui library is distributed under the MIT license, making it accessible for developers to use and contribute to.