Tailwind Resources Logo Tailwind Resources
Nativecn screenshot

Nativecn

Author Avatar Theme by Unisol1020
Updated: 3 Jan 2025
80 Stars

Universal shadcn/ui for React Native

Github Live Preview

Categories

React native Radix ui Shadcn ui

Overview

nativecn is a library of React Native components designed to be highly customizable and easy to use in any React Native project. With built-in dark mode, CSS variables, and NativeWind support, it offers a collection of components inspired by shadcn-ui and react native reusable.

Features

  • Customizable Components: Easily customize components to fit the design requirements of your project.
  • Dark Mode Support: Built-in support for dark mode enables seamless integration with varying design preferences.
  • CSS Variables: Utilize CSS variables for consistent theming across different components.
  • NativeWind Support: Integration with NativeWind enhances styling capabilities for React Native applications.

Installation

To start using nativecn in your project, follow these steps:

  1. Run the command:
install nativecn
  1. After installation, make sure to include global.css inside the root layout for proper functioning of the components.

Summary

nativecn is a React Native component library that facilitates the creation of visually appealing and customizable interfaces. With its support for dark mode, CSS variables, and NativeWind, developers can efficiently build cross-platform applications with consistent design elements. This library offers a range of components inspired by shadcn-ui and react native reusable, enabling developers to enhance the UI/UX of their React Native projects.