React Native Base Components

A comprehensive collection of reusable, customizable, and accessible React Native components built with modern best practices and seamless theme integration.

Get started View components

🎨

Customizable

Extensive theming system with consistent design tokens across all components.

♿

Accessible

Built-in accessibility features following WCAG guidelines for inclusive apps.

⚡

Performance

Optimized components with smooth animations and minimal re-renders.

Quick Example

Get started with just a few lines of code

App.tsx

import React from 'react'
import { BaseProvider, Button, CodeInput } from 'rn-base-component'

export default function App() {
  return (
    <BaseProvider>
      <Button onPress={() => console.log('Pressed!')}>
        Click Me
      </Button>
      
      <CodeInput
        length={6}
        onSubmit={(code) => console.log('Code:', code)}
        autoFocus
      />
    </BaseProvider>
  )
}