# founded-labs/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/founded-labs-react-native-reusables).**

7,936 stars · 280 forks · TypeScript · mit

## Links

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

## Topics

`expo` `radix-ui` `react-native` `react-native-reusables` `react-native-web` `shadcn` `shadcn-ui` `ui`

## Description

react-native-reusables is a cross-platform mobile UI library and an accessible component kit used to build consistent interfaces across different screen sizes. It functions as a Tailwind CSS component library, providing pre-styled interface elements that utilize utility classes for styling and layout.

The project enables cross-platform UI development for iOS and Android through a shared set of reusable visual components. It supports mobile interface prototyping and the creation of cohesive design systems by utilizing standardized, themeable interface elements to maintain uniform branding.

The library implements a component-based composition and atomic design pattern, mapping Tailwind utility strings into native style objects. It employs platform-agnostic styling and constraint-based layouts to ensure visual consistency across varying mobile dimensions.

## Tags

### User Interface & Experience

- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Provides a collection of pre-styled interface elements optimized for touch interactions and various mobile screen sizes. ([source](https://cdn.jsdelivr.net/gh/founded-labs/react-native-reusables@main/README.md))
- [Component Composition Patterns](https://awesome-repositories.com/f/user-interface-experience/component-composition-patterns.md) — Utilizes architectural patterns to build complex UI elements from small, reusable atomic building blocks.
- [Cross-Platform UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-frameworks.md) — Enables development of polished mobile interfaces that run consistently across iOS and Android.
- [Tailwind Component Collections](https://awesome-repositories.com/f/user-interface-experience/css-component-libraries/tailwind-component-collections.md) — Provides a set of pre-styled interface elements tailored for the utility-first paradigm of Tailwind CSS.
- [Platform-Agnostic Styling](https://awesome-repositories.com/f/user-interface-experience/platform-agnostic-styling.md) — Uses a unified set of design tokens to apply consistent visual rules across both iOS and Android.
- [Constraint Based Layouts](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/css-layout-systems/constraint-based-layouts.md) — Employs a flexible box model and constraint-based layouts to adjust element positions across various mobile screens.
- [Accessible Component Libraries](https://awesome-repositories.com/f/user-interface-experience/accessible-component-libraries.md) — Includes a kit of user interface elements specifically designed to meet mobile accessibility standards.
- [Atomic Design Patterns](https://awesome-repositories.com/f/user-interface-experience/atomic-design-patterns.md) — Implements an atomic design pattern to organize visual elements into a hierarchy for consistent screen views.
- [Mobile Layout Toolkits](https://awesome-repositories.com/f/user-interface-experience/reusable-layout-blocks/mobile-layout-toolkits.md) — Provides reusable building blocks for rapidly assembling professional mobile layouts and user flows.
- [UI Brand Integration](https://awesome-repositories.com/f/user-interface-experience/ui-brand-integration.md) — Maintains uniform branding across platforms through a centralized set of themeable UI primitives.

### Mobile Development

- [React Native Components](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-components.md) — Ships a standardized set of accessible and themeable interface elements specifically for React Native development.

### Web Development

- [Cross-Platform Style Mapping](https://awesome-repositories.com/f/web-development/cross-platform-styling/platform-specific-styling/cross-platform-style-mapping.md) — Translates Tailwind utility class strings into native style objects for consistent rendering on mobile platforms.