Universal Style agnostic and accessible react-native components
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 is a significant focus within 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.
- React (React Native).
- NextJs for demo and testing.
- Expo for demo and testing.
- react-native-web.
- radix-ui.
- TailwindCSS.
- Nativewind.
- Tsup for building TypeScript library.
- Turborepo to manage & scaling monorepos libraries.
- Install the dependencies with
pnpm
pnpm i- Build and watch all of the primitive packages:
This builds all of the primitive packages, it watches them for changes. This prevents the need to run the
buildcommand every time a primitive file is changed.
pnpm dev:primitives- Start the app of your choice:
# Start the Expo NativeWind app
pnpm dev:expo-nativewind
# Or start the Nextjs NativeWind app
pnpm dev:nextjs-nativewind
# Or the Documentation app
pnpm dev:docsaccordionalert-dialogaspect-ratioavatarcheckboxcollapsiblecontext-menudialogdropdown-menuhover-cardlabelmenubarnavigation-menupopoverprogressradio-groupselectseparatorsliderswitchtabletabstoasttoggletoggle-grouptoolbartooltip
hooksportalslottypesutils