-
-
Notifications
You must be signed in to change notification settings - Fork 29
...UI component explorer. Dev / doc / test...
https://github.com/storybookjs/react-native (linter-config, eslint-plugin-storybook)
Web and native available too
- https://storybook.js.org/blog/component-story-format-3-0
- https://github.com/storybookjs/storybook/discussions/15500
https://github.com/storybookjs/react-native/issues/385
https://github.com/ComponentDriven/csf
modern toolkit for native UI... simplifies/accelerates UI dev... less code, powerful tools, intuitive Kotlin APIs
x-plat layout engine implementing Flexbox
...adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax
more compliant flexbox behavior, consistent w web
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
Material Design for RN
https://github.com/callstack/react-native-paper
Only Expo demo
More downloads
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
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
Style and render RN components w emotion
https://github.com/emotion-js/emotion/tree/main/packages/native
- https://github.com/jaredh159/tailwind-react-native-classnames
- https://github.com/marklawlor/nativewind
- https://github.com/vadimdemedes/tailwind-rn
A type-enforced system for building UI components in RN w TS
https://github.com/Shopify/restyle
Responsive, unstyled UI primitives for RN + Web
https://github.com/nandorojo/dripsy
... most complete chat UI for RN
https://github.com/FaridSafi/react-native-gifted-chat
RN UI lib based on Eva Design System w Dark Mode
https://github.com/akveo/react-native-ui-kitten
Customizable set of components for RN apps
UI Toolset & Components lib for RN
https://github.com/wix/react-native-ui-lib
Ant Design for React Native
https://github.com/ant-design/ant-design-mobile-rn
Customizable icons w image source and full styling support
https://github.com/oblador/react-native-vector-icons
https://github.com/software-mansion/react-native-svg
Pro includes more formats/styles
High perf 2D/RN graphics w Skia
- https://github.com/Shopify/react-native-skia
- Fabric [WIP]: https://github.com/Shopify/react-native-skia/issues/387
- Blog: https://shopify.engineering/react-native-skia-shopify
https://github.com/nandorojo/burnt
https://github.com/nandorojo/zeego
- [Text] https://www.fastemoji.com
- [PNG cliparts] https://www.hiclipart.com