├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Universal React [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) 2 | 3 | A collection of awesome universal React and React Native frameworks, libraries, design systems, apps and resources. 4 | 5 | ## What is Universal React? 6 | 7 | Universal React apps are cross-platform React and React Native apps using "React 8 | Native for Web" to use the same API for UI components. They run on iOS, Android and Web. They share the same navigation, styles, state management and business logic -- but they run natively on each platform and respect the platform conventions and best practices. 9 | 10 | 20 | 21 | ## Frameworks 22 | 23 | - [Expo](https://github.com/expo/expo) - An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web. 24 | - [Next.js](https://github.com/vercel/next.js/tree/canary/examples/with-react-native-web) - The React Framework 25 | - [React Native for Web](https://github.com/necolas/react-native-web) - Cross-platform React UI packages 26 | - [Solito](https://github.com/nandorojo/solito) - React Native + Next.js, unified 27 | 28 | ## Libraries 29 | 30 | ### UI Components 31 | 32 | - [Expo Image](https://github.com/expo/expo/tree/sdk-49/packages/expo-image) - A cross-platform, performant image component for React Native and Expo 33 | - [Zeego](https://github.com/nandorojo/zeego) - Menus for React (Native) done right 34 | - [Burnt](https://github.com/nandorojo/burnt) - Crunchy toasts for React Native 35 | - [React Native Bottom Sheet](https://github.com/gorhom/react-native-bottom-sheet) - A performant interactive bottom sheet with fully configurable options 36 | - [Infinite Scroll List](https://github.com/showtime-xyz/showtime-frontend/tree/staging/packages/design-system/infinite-scroll-list) - FlashList on native, React Virtual on web 37 | - [Tab View](https://github.com/showtime-xyz/showtime-tab-view) - A React Native TabView component that support collapse header and custom refresh control, powered by Reanimated & Gesture Handler 38 | - [Universal Tooltip](https://github.com/alantoa/universal-tooltip) - Cross-platform Tooltip component for React Native, powered by Expo Modules 39 | 40 | ### Renderers 41 | 42 | - [React Native Skia](https://github.com/shopify/react-native-skia) - High-performance React Native Graphics using Skia 43 | - [React Three Fiber](https://github.com/pmndrs/react-three-fiber) - A React renderer for Three.js 44 | 45 | ### Others 46 | 47 | - [React Native Reanimated](https://github.com/software-mansion/react-native-reanimated) - React Native's Animated library reimplemented 48 | - [Moti](https://github.com/nandorojo/moti) - The React Native (+ Web) animation library, powered by Reanimated 3 49 | - [React Native Gesture Handler](https://github.com/software-mansion/react-native-gesture-handler) - Declarative API exposing platform native touch and gesture system to React Native 50 | - [React Native MMKV](https://github.com/mrousavy/react-native-mmkv) - The fastest key/value storage for React Native. ~30x faster than AsyncStorage 51 | 52 | ## Design Systems 53 | 54 | - [Tamagui](https://github.com/tamagui/tamagui) - Style React Native and Web with an optimizing compiler 55 | - [NativeWind](https://github.com/marklawlor/nativewind) - React Native utility-first universal design system, powered by Tailwind CSS 56 | - [Gluestack UI](https://github.com/gluestack/gluestack-ui) - Universal headless components for React Native, Next.js & React with beautiful & optional styling 57 | - [Universal UI](https://github.com/showtime-xyz/showtime-frontend/tree/staging/packages/design-system) - Universal UI components using Tailwind 58 | 59 | ## Apps 60 | 61 | - [Bluesky](https://github.com/bluesky-social/social-app) - Open-source 62 | - [Showtime](https://github.com/showtime-xyz/showtime-frontend) - Open-source 63 | - [Beatgig](https://beatgig.com) - Closed-source 64 | - [Diversified](https://www.diversified.fi) - Closed-source 65 | 66 | ## Resources 67 | 68 | ### Talks 69 | 70 | - [Is React Native + Next.js production-ready?](https://www.youtube.com/watch?v=H1gSWXA3qfw) - Fernando Rojo 71 | - [Building Cross-Platform Apps with React Native + Next.js](https://www.youtube.com/watch?v=0FfvIuSouTU) - Fernando Rojo 72 | - [Zero to $10 Million with React Native + Next.js](https://www.youtube.com/watch?v=0lnbdRweJtA) - Fernando Rojo 73 | - [How to Build a Universal Design System](https://www.youtube.com/watch?v=sy4bRqMrGjc) or [How to Build a Universal Design System](https://www.youtube.com/watch?v=CDl3EH3vUHA) - Axel Delafosse 74 | - [Twitter Lite, React Native, and Progressive Web Apps](https://www.youtube.com/watch?v=tFFn39lLO-U) - Nicolas Gallagher 75 | - [Building a “Universal” CSS-in-JS library](https://www.youtube.com/watch?v=EFTCeK8aXTU&list=PLzIvgYYDQbH5D8y_M3bCz68qnsAZKgntN&index=32) - Sanket Sahu 76 | - ['Move fast and build things', with Zod, Expo & Next.js](https://www.youtube.com/live/njhgS-erQbo?si=qM1kygQjQSFL-GiJ&t=13) - Thorr Stevens 77 | 78 | ### Guides 79 | 80 | - [Use Next.js with Expo for Web](https://docs.expo.dev/guides/using-nextjs) - Get started with Expo and Next.js 81 | - [Tamagui Next.js Guide](https://tamagui.dev/docs/guides/next-js) - Get started with Tamagui and Next.js 82 | - [How to choose cross-platform tech](https://dev.to/codinsonn/why-use-react-native-over-flutter-a-recap-57b0) - When Expo + Next.js makes sense over other strategies 83 | 84 | ### Learning more about React Native as a Web Developer 85 | 86 | - [Native for React Developers - a webinar by Lydia Hallie and Evan Bacon](https://www.youtube.com/watch?v=_wDCFCnxMrU) - Learn about the different APIs between React DOM and React Native 87 | - [Layout with Flexbox](https://reactnative.dev/docs/flexbox) - Learn about how Flexbox is used in React Native 88 | 89 | ## Starter Kits 90 | 91 | - [Solito + NativeWind Example Monorepo](https://github.com/nandorojo/solito/tree/master/example-monorepos/with-tailwind) - Get started with Expo and Next.js + Solito and NativeWind 92 | - [Universal Medusa](https://github.com/bidah/universal-medusa) - Multi platform e-commerce development using React Native + Next.js + Medusa.js 93 | - [T4 Stack](https://github.com/timothymiller/t4-app) - Interactive CLI to start a full-stack, typesafe, universal Expo & Next.js app on Cloudflare's edge platform 94 | - [Tamagui Takeout](https://tamagui.dev/takeout) - Takeout is a template repo with a GitHub bot that lets us send PRs easily thanks to a pluggable, well-isolated architecture 95 | - [Aetherspace](https://github.com/Aetherspace/green-stack-starter-demo#readme) - Expo + Next.js template repo + Zod for Single Sources of Truth, automated Storybook Docs and write-once data resolvers for REST & GraphQL 96 | 97 | ## Contributing 98 | 99 | - Default to GitHub links when possible 100 | - Sort by popularity and relevance 101 | - No emojis 102 | 103 | ## License 104 | 105 | [CC0 1.0 Universal](LICENSE) 106 | --------------------------------------------------------------------------------