# mrzachnugent/react-native-reusables

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/mrzachnugent-react-native-reusables).**

8,425 stars · 302 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/mrzachnugent/react-native-reusables
- Homepage: https://reactnativereusables.com
- awesome-repositories: https://awesome-repositories.com/repository/mrzachnugent-react-native-reusables.md

## Description

react-native-reusables is a React Native UI component library and cross-platform mobile design system. It provides a collection of accessible and stylable user interface components designed to maintain visual consistency across different mobile operating systems.

The project functions as a headless UI component collection, prioritizing accessibility and functionality over rigid visual presets. It acts as a Tailwind CSS mobile framework by implementing utility-first CSS patterns via NativeWind to facilitate rapid interface prototyping.

The library covers mobile UI development and cross-platform interface design, utilizing a primitive-based abstraction and a composition-based component model to build polished mobile screens.

## Tags

### User Interface & Experience

- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Ships a library of pre-styled interface elements optimized for building consistent and polished mobile screens. ([source](https://github.com/mrzachnugent/react-native-reusables#readme))
- [React Native UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/react-native-ui-libraries.md) — Provides a comprehensive collection of user interface components specifically designed for the React Native ecosystem.
- [Native Mobile Design Systems](https://awesome-repositories.com/f/user-interface-experience/interface-consistency-utilities/native-mobile-design-systems.md) — Functions as a design system for building consistent, adaptive native mobile interfaces across various device types.
- [Headless UI Libraries](https://awesome-repositories.com/f/user-interface-experience/ui-component-libraries/headless-ui-libraries.md) — Provides a collection of headless UI components that deliver accessibility and state logic without predefined visual styles.
- [UI Primitives](https://awesome-repositories.com/f/user-interface-experience/ui-primitives.md) — Provides stateless, theme-aware base components used as building blocks for consistent and extensible user interface layouts.
- [Utility-First Styling](https://awesome-repositories.com/f/user-interface-experience/utility-first-styling.md) — Implements a utility-first styling engine using Tailwind CSS via NativeWind for rapid mobile interface construction.
- [Component Composition Primitives](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition/component-composition-primitives.md) — Provides modular primitives that encapsulate behavioral logic to facilitate the composition of complex mobile user interface components.
- [Theme Mappings](https://awesome-repositories.com/f/user-interface-experience/configuration-driven-layouts/theme-mappings.md) — Implements the mapping of central design system colors and spacing to native style objects.
- [Cross-Platform Visual Identities](https://awesome-repositories.com/f/user-interface-experience/cross-platform-visual-identities.md) — Provides a system for maintaining a uniform visual language across different mobile operating systems and screen sizes.

### Mobile Development

- [Native Styling Integration](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/native-styling-integration.md) — Integrates a unified styling API that bridges Tailwind CSS utility patterns with React Native styling primitives.

### Software Engineering & Architecture

- [Rapid Prototyping](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping.md) — Facilitates a rapid prototyping workflow for quickly assembling functional mobile interfaces using customizable UI primitives.
- [Static Style Compilations](https://awesome-repositories.com/f/software-engineering-architecture/static-style-compilations.md) — Transforms utility strings into optimized native style sheets at build time to minimize runtime styling overhead.

### Web Development

- [Mobile Utility Frameworks](https://awesome-repositories.com/f/web-development/utility-first-css-frameworks/mobile-utility-frameworks.md) — Implements a utility-first CSS framework for mobile development using NativeWind for rapid prototyping.

### Part of an Awesome List

- [Component Library Ports](https://awesome-repositories.com/f/awesome-lists/devtools/component-library-ports.md) — Recommended React Native port of the component library.