With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 TypeScript react-native-web Projects
-
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
devhub
TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)
-
react-native-actions-sheet
A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
CUA
(no longer maintained) create-universal-app(CUA) is an opinionated template for creating fullstack universal apps (Expo, Next, tRPC, Prisma, Clerk, Solito, Tamagui)
-
react-native-confirmation-code-field
A react-native confirmation code field compatible with iOS, Android and Web
-
react-native-fiesta
🎉 A set of celebration animations powered by @shopify/react-native-skia. Engage more with your users by celebrating in your React Native application.
-
react-native-slider
A pure JavaScript <Slider> component for react-native and react-native-web (by miblanchard)
-
expo-image-editor
A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!
-
react-native-cross-platform-starter
One codebase to build for iOS, Android, Web and Desktop with React-Native
-
reactnative-nextjs-template
Build native apps (iOS/Android/Windows/macOS) and an SEO-optimized web app from the same React codebase
-
green-stack-starter-demo
A Zod & TS-first approach to building Full-Product Universal App experiences with GraphQL, React-Native, Expo & Next.js, at write-once efficiency.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:
Project mention: React native expo chat ui problem-flatlist frames dropping and scroll lag issue | /r/reactnative | 2023-06-13You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it
We're locking on this specific version of Tailwind CSS to prevent this bug — it should be addressed in NativeWind v4, but more on that later.
rnas, try this one
Project mention: What is the most used, best-performance way to style your react native app? Besides stylesheets | /r/reactnative | 2023-11-18Tamagui, Nativewind, most performant i think UniStyles https://github.com/jpudysz/react-native-unistyles after stylesheet
Next up, let's install all the necessary dependencies. We will need Formik for form handling, Yup for form validation, react-native-element-dropdown for our dropdown component and react-native-slider for our slider component. We don't need any libraries for text input because text input is natively supported by React Native.
Project mention: Flutter vs React Native - A guide from every experience level | dev.to | 2024-01-05React Native + NextJS: One of the best ways you can improve SEO is to use a server-side rendering framework like NextJS alongside your React Native app. React Native components can be imported directly into NextJS, allowing you to build universal apps for functional and design consistency. See reactnative-nextjs-template or luna for examples.
The react-tv-space-navigation docs describe the library’s purpose and functionality very well:
Project mention: Flutter vs React Native - A guide from every experience level | dev.to | 2024-01-05React Native + NextJS: One of the best ways you can improve SEO is to use a server-side rendering framework like NextJS alongside your React Native app. React Native components can be imported directly into NextJS, allowing you to build universal apps for functional and design consistency. See reactnative-nextjs-template or luna for examples.
Project mention: React-Native over Flutter? - How to choose cross-platform tech | dev.to | 2023-08-24Then you might want to check out Aetherspace instead.
TypeScript react-native-web related posts
- Creating a reusable Design System between React and React Native with Tamagui
- Criando um Design System reutilizável entre React e React Native com Tamagui
- Flutter vs React Native - A guide from every experience level
- Building RN App for multiple Smart TVs platforms
- Tamagui – UI kit that unify React Native and Web
- Real-Time Top Reference System (Design Systems and UI Libs) 2023
- SSR and More for React Native Web
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source react-native-web projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | create-react-native-app | 13,227 |
2 | tamagui | 9,992 |
3 | devhub | 9,523 |
4 | recyclerlistview | 5,131 |
5 | nativewind | 4,195 |
6 | react-native-actions-sheet | 1,335 |
7 | react-native-unistyles | 1,022 |
8 | CUA | 1,013 |
9 | react-native-confirmation-code-field | 1,006 |
10 | create-react-native-dapp | 423 |
11 | react-native-fiesta | 415 |
12 | react-native-big-calendar | 388 |
13 | react-native-slider | 341 |
14 | luna | 263 |
15 | expo-image-editor | 159 |
16 | react-tv-space-navigation | 134 |
17 | react-native-cross-platform-starter | 128 |
18 | match-media | 128 |
19 | addon-react-native-web | 71 |
20 | expo-router-typescript | 66 |
21 | react-native-nano | 62 |
22 | reactnative-nextjs-template | 44 |
23 | green-stack-starter-demo | 41 |
Sponsored