UI - leotm/react-native-template-new-architecture GitHub Wiki

Components

Storybook

...UI component explorer. Dev / doc / test...

https://github.com/storybookjs/react-native (linter-config, eslint-plugin-storybook)

Web and native available too

Component Story Format 3.0

https://github.com/ComponentDriven/csf

Native

Android

🔥 Jetpack Compose

modern toolkit for native UI... simplifies/accelerates UI dev... less code, powerful tools, intuitive Kotlin APIs

iOS

Yoga

x-plat layout engine implementing Flexbox

FlexLayout

...adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax

🔥 FlexLayout

more compliant flexbox behavior, consistent w web

UI Libs

RN Elements

RN UI Toolkit

https://github.com/react-native-elements/react-native-elements

https://summerofcode.withgoogle.com/archive/2021/organizations/4838168020385792

Maintained Expo demo, old RN demos

Most stars

RN Paper

Material Design for RN

https://github.com/callstack/react-native-paper

Only Expo demo

More downloads

NativeBase

Mobile-1st, accessible components for RN & Web to build consistent UI

follows the design guidelines of Android and iOS and aims at unifying their API using conditional styling

suggests on adding more JSX and less props which makes it flexible

defines the styling in one place which can be ejected and overridden by the user

Building w RN from scratch is a tedious process with multiple steps such as adding styling, interactions, state management, responsiveness, accessibility, etc. We wanted to build and ship accessible, high-quality apps quickly.

Our inspirations include Material UI, Chakra UI, Ant Design, Braid Design System, Bootstrap, TailwindCSS & Flutter.

https://github.com/GeekyAnts/NativeBase

https://twitter.com/nativebase/status/1556961633859436545

More stars

Styled Components

Visual primitives for the component age. Use the best bits of ES6 & CSS to style w/o stress

https://github.com/styled-components/styled-components

@emotion/native

Style and render RN components w emotion

https://github.com/emotion-js/emotion/tree/main/packages/native

Tailwind

Restyle

A type-enforced system for building UI components in RN w TS

https://github.com/Shopify/restyle

dripsy

Responsive, unstyled UI primitives for RN + Web

https://github.com/nandorojo/dripsy

UI Kits

Gifted Chat

... most complete chat UI for RN

https://github.com/FaridSafi/react-native-gifted-chat

UI Kitten

RN UI lib based on Eva Design System w Dark Mode

https://github.com/akveo/react-native-ui-kitten

Shoutem UI

Customizable set of components for RN apps

https://github.com/shoutem/ui

RN UI Lib (Wix)

UI Toolset & Components lib for RN

https://github.com/wix/react-native-ui-lib

Ant Design Mobile RN

Ant Design for React Native

https://github.com/ant-design/ant-design-mobile-rn

Icons

RN Vector Icons

Customizable icons w image source and full styling support

https://github.com/oblador/react-native-vector-icons

SVG (new arch)

https://github.com/software-mansion/react-native-svg

Font Awesome Free/Pro

Pro includes more formats/styles

Graphics

RN Skia

High perf 2D/RN graphics w Skia

Toasts

https://github.com/nandorojo/burnt

Menus

https://github.com/nandorojo/zeego