NativeBase
nativewind
NativeBase | nativewind | |
---|---|---|
57 | 7 | |
20,021 | 4,224 | |
0.2% | - | |
3.7 | 9.7 | |
3 months ago | 3 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
NativeBase
-
Exploring the Best UI Component Libraries for React Native apps
Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:
-
Flash-cards app with OpenAI
Native-base
-
Best headless UI libraries in React Native
Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.
-
An Overview of 25+ UI Component Libraries in 2023
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
- Should I use tamagui?
-
What’s RN’s version of Material-UI or Tailwind for React?
You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302
- Is this card style possible to do with React Native ?
- Suggestions for first-time React Native app
- How to make my apps look and feel more professional?
-
Nativewind for a new project?
NativeBase is being abandoned unfortunately , I wouldn’t start a new project with it https://github.com/GeekyAnts/NativeBase/issues/4302
nativewind
-
Getting started with NativeWind: Tailwind for React Native
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.
-
Best headless UI libraries in React Native
At the time of writing of this article, the library currently relies on an older version of TailwindCSS
-
Nativewind for a new project?
NativeWind also seems like no longer maintained https://github.com/marklawlor/nativewind/issues/308, a single dev has been working on it, I would not trust projects with a single maintainer
-
I made a simple react native template with zustand, tailwind, expo-router and typescript!
Author has discussed it but I haven't tried it yet
-
How do you deal with contentContainerStyle in react native when using nativewind ?
Have you tried anything in this discussion?
-
How I go with react native in late 2022
There's another option that I haven't used yet, but I think that it's a great option. nativewind brings tailwindcss to react-native. some other libraries try to do the same, but I think nativewind looks better than the others.
-
React and React Native finally feel the same
I wrote this article about using tailwindcss-react-native and Legend Motion together to have the same styling and animation patterns in React and React Native.
What are some alternatives?
react-native-elements - Cross-Platform React Native UI Toolkit
tailwind-rn - 🦎 Use Tailwind CSS in React Native projects
react-native-paper - Material Design for React Native (Android & iOS)
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-native-ui-lib - UI Components Library for React Native
react-native-tamagui
react-native-material-ui - Highly customizable material design components for React Native
axios - Promise based HTTP client for the browser and node.js
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
pixelbakery-website - Pixel Bakery's 2022 website redesign
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
tailwindcss-classnames - Functional typed classnames for TailwindCSS