REACT-NATIVES

WIRED FOR SPEED

react-natives v2.0.14

Theme

Light

Dark

Get Started

React Native UI Library

Build Production-Ready Mobile Apps Faster

A comprehensive collection of production-ready React Native components. Customizable, accessible, and performant.

Browse Components

→

Learn More

Why Choose React-Natives?

Everything you need to build modern mobile applications

</>

TypeScript First

Fully typed components with excellent IDE support and autocomplete for better developer experience.

🎨

Customizable Theme

Easy to customize with a powerful theming system. Match your brand identity effortlessly.

⚡

High Performance

Optimized for performance with lazy loading, virtualization, and minimal re-renders.

🛡

Accessible

Built with accessibility in mind. WCAG compliant components that work for everyone.

🧩

70+ Components

Comprehensive library covering all your UI needs from buttons to complex data tables.

📱

Cross Platform

Works seamlessly on iOS and Android with consistent look and feel across platforms.

Featured Components

Start with these essential components

📦

Date Picker

Full-featured date and time picker with calendar, month, and year selection

View Component →

📦

Modal

Accessible overlay dialog with backdrop, animations, and focus trapping

View Component →

📦

Select

Dropdown select with searchable options, groups, and custom rendering

View Component →

📦

Table

Data table with sorting, pagination, and flexible column configuration

View Component →

📦

Toast

Non-intrusive notification toasts with positioning and auto-dismiss

View Component →

📦

Skeleton

Loading placeholder that mimics content shape during data fetching

View Component →

View All Components

→

Simple. Powerful. Elegant.

Clean API design that feels natural to use. Get started in minutes with our intuitive component library.

✓

Easy Installation

npx create-expo-app@latest my-app && npm install @wireservers-ui/react-natives

✓

Zero Configuration

Works out of the box

✓

Great Documentation

Comprehensive guides and examples

App.tsx

import { Button, Card } from '@wireservers-ui/react-natives';

export default function App() {
  return (
    <Card>
      <CardHeader>
        <Text variant="h2">Welcome</Text>
      </CardHeader>
      <CardBody>
        <Text>Start building amazing apps!</Text>
      </CardBody>
      <CardFooter>
        <Button
          action="primary"
          onPress={() => navigate('/home')}
        >
          <ButtonText>Get Started</ButtonText>
        </Button>
      </CardFooter>
    </Card>
  );
}

Ready to Get Started?

Join thousands of developers building amazing mobile apps with React-Natives

Explore Components

→

View on GitHub

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Pro

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License

thanks

Thanks — you're all set

Your license key is below and a copy is on its way to your inbox.

Retrieving your license key…

1. Install

npm i @wireservers-ui/react-natives @wireservers-ui/react-natives-pro

2. Activate

Call this once at startup, before rendering any Pro component:

import { setLicenseKey } from '@wireservers-ui/react-natives-pro';

setLicenseKey('YOUR_KEY');

3. Tailwind — easy to miss

Add the Pro package to your Tailwind content globs, or its components render unstyled with no error:

content: [
  './node_modules/@wireservers-ui/react-natives/src/**/*.{js,jsx,ts,tsx}',
  './node_modules/@wireservers-ui/react-natives-pro/src/**/*.{js,jsx,ts,tsx}',
],

Questions, or need the key resent? Email todd@wireservers.com

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Pro

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License