RN Primitives

Universal Style agnostic and accessible react-native components

Unstyled Nature

RN Primitives provides unstyled components, offering a high degree of customization freedom. By default, the components come without any predefined styles, allowing developers to seamlessly match their app's aesthetics.

Accessibility

Accessibility is a significant focus within RN Primitives. We are dedicated to ensuring our components align with accessibility standards. Our ongoing efforts involve designing and testing components with appropriate labels, roles, and behaviors, aiming to provide an inclusive user experience.

Primitives

Core

• accordion
• alert-dialog
• aspect-ratio
• avatar
• checkbox
• collapsible
• context-menu
• dialog
• dropdown-menu
• hover-card
• label
• menubar
• navigation-menu
• popover
• progress
• radio-group
• select
• separator
• slider
• switch
• table
• tabs
• toast
• toggle
• toggle-group
• toolbar
• tooltip

Shared

• hooks
• portal
• slot
• types
• utils

Getting started for contributors

Fork, clone, and install the dependencies with pnpm

pnpm i

Build and watch all of the primitive packages:

pnpm dev:primitives

Start the ios Example app:

pnpm dev:example

Start the Documentation app:

pnpm dev:docs