restyle
A type-enforced system for building UI components in React Native with TypeScript. (by Shopify)
react-native-svg
SVG library for React Native, React Native Web, and plain React web projects. (by software-mansion)
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.
surveyjs.io
featured
| restyle | react-native-svg | |
|---|---|---|
| 11 | 19 | |
| 2,788 | 7,244 | |
| 1.0% | 0.6% | |
| 7.3 | 8.1 | |
| 22 days ago | 8 days ago | |
| TypeScript | Java | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
restyle
Posts with mentions or reviews of restyle.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-16.
-
Rebuilt my React Native app with Shopify’s Restyle and Expo 48
I’ve just rebuilt my React Native app template with shopify restyle and Expo 48.
- Best advanced sources for RN
-
Nativewind for a new project?
I use Restyle https://shopify.github.io/restyle/ since I discovered it, my code is so much cleaner. I have tried NativeBase before, it was really good but it has a very bad performance.
- Which library i can use for theme in react native
-
Style libraries for RN
Restyle is my personal favorite. It’s strongly inspired by the amazing, albeit a bit outdated, styled-system for web, but is fully type-safe and has amazing customization options.
-
Styling RN apps
I personally prefer Restyle
- does making custom themes have a difference ?
-
📱 A template for your next React Native project 🚀
💅 Minimal UI kit using @shopify/restyle with theming
-
Hello native developers what is the best way to design responsive layout ( spacing, height,width, font size) in react native
If you are building out your own custom components use restyle https://github.com/Shopify/restyle
-
What I Learned as a Web Dev on My First React Native Project
Forget CSS pseudo-elements and selectors; in React Native, we inline the styles. The recommended approach is to use a StyleSheet object, but I enjoy using Styled Components in a similar way as on the web. If you are a fan of styled systems, Restyle from Shopify is gaining popularity.
react-native-svg
Posts with mentions or reviews of react-native-svg.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-01-25.
-
Build an Android & iOS Video Calling App With React Native
React Native SVG: An open-source SVG library.
-
Revolutionizing Data with React Native ECharts 1.1: Now More Interactive!
@wuba/react-native-echarts, An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions. If you want to learn more about the project's design principles, you can click here.
-
This could be done in react native ? these are buttons that the user can press, and we must show his progress by taking into account his progress in the test, if the button is lit it means that he has passed this stage
Second solution could be: a view that contains the image and the label, and draw a line with react-native-svg line function. See documentation https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md
-
Need help implementing this design
Hi, I think this can help you: https://github.com/software-mansion/react-native-svg Is a little bit complicated, but you can create this chart with nice performance :)
- "react-native bundle" throws error but "yarn react-native bundle" not. Need info to generate a release apk
- How to use Icons
-
How to render HTML source that has SVG tag in react native?
perhaps you need to install https://github.com/software-mansion/react-native-svg
-
How to achieve backgrounds like these?
I never start from zero when it comes to svg, usually at work I used the one designers provide in figma and I manipulate it in case animations are needed. Fortunately https://github.com/software-mansion/react-native-svg has a declarative way to work with svg in conjunction to SVGR you can manipulate existing svgs.
- HELP! Unable to use chart/graph libraries in Expo due to react-native-svg issue (RNSVGSvgView)
-
[QUESTION] svg blinks on `navigation.navigate(...)`
but disappear before screen change. related
What are some alternatives?
When comparing restyle and react-native-svg you can also consider the following projects:
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
react-native-reanimated - React Native's Animated library reimplemented
lottie-react-native - Lottie wrapper for React Native.
react-native-bootsplash - 🚀 Show a splash screen during app startup. Hide it when you are ready.
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-navigation - Routing and navigation for your React Native apps
react-native-template-obytes - 📱 A template for your next React Native project: Expo, PNPM, TypeScript, TailwindCSS, Husky, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form.
react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
async-storage - An asynchronous, persistent, key-value storage system for React Native.
restyle vs tamagui
react-native-svg vs react-native-ui-kitten
restyle vs react-native-reanimated
react-native-svg vs lottie-react-native
restyle vs react-native-bootsplash
react-native-svg vs react-native-reanimated
restyle vs NativeBase
react-native-svg vs react-navigation
restyle vs react-native-template-obytes
react-native-svg vs react-native-bottom-sheet
restyle vs react-native-ui-kitten
react-native-svg vs async-storage