tailwind-react-native-classnames
simple, expressive API for tailwindcss + react-native (by jaredh159)
react-native-paper
Material Design for React Native (Android & iOS) (by callstack)
Our great sponsors
| tailwind-react-native-classnames | react-native-paper | |
|---|---|---|
| 9 | 23 | |
| 1,846 | 12,211 | |
| - | 1.8% | |
| 8.1 | 8.9 | |
| 7 days ago | 3 days ago | |
| TypeScript | TypeScript | |
| - | 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.
tailwind-react-native-classnames
Posts with mentions or reviews of tailwind-react-native-classnames.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-08.
- How to achieve a responsive UI in React Native apps in both Android and iOS across wildly different devices?
-
What’s RN’s version of Material-UI or Tailwind for React?
tailwind-rn and twrnc are good options.
-
From React to React Native
You can use tailwind in RN，https://github.com/jaredh159/tailwind-react-native-classnames
-
The different strategies to building a cross-platform app
twrnc aka. tailwind-react-native-classnames instead of NativeWind, comparison. But twrnc doesn't have responsivity + SSR support.
-
Using Tailwind CSS in React Native
While there are a few Tailwind packages well suited for React Native, I chose to use tailwind-react-native-classnames over tailwind-rn. tailwind- react-native-classnames is based on Classnames, a JavaScript utility that is used to improve Tailwind code on the Web, and therefore should be more familiar to developers using Tailwind CSS.
-
Which of the two packages is better for using Tailwind CSS in react native
I wrote a comparison to twrnc https://github.com/jaredh159/tailwind-react-native-classnames/discussions/171, but since then the feature set of NativeWind has grown.
- Suggestion for writing style in react-native
-
Tailwind dark mode, media queries, and JIT arbitrary utilities fo React Native
Posted a while back about a Tailwind + RN library I wrote, and got a pretty good response. Thought I'd let folks know I've released a complete re-write of the library with some slick new features that are super useful for RN development:
-
NextJS with React Native
Like https://github.com/jaredh159/tailwind-react-native-classnames ?
react-native-paper
Posts with mentions or reviews of react-native-paper.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-07-05.
-
Senior devs — how do you handle styles; and how do you scale it
In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.
-
First App Launch on Playstore [simple expense tracker app with firebase]
react paper modal - Modal
- Tips to create an app UI when you are not a designer
-
What’s RN’s version of Material-UI or Tailwind for React?
Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements
- How do I get Shopify Polaris tokens to work with my React Native project (typescript)?
-
My first React Native app - helps people to find the best place to put their subwoofer
I'd say a good start would be to check the demos for NativeBase and Paper to compare the look/feel and see if they have all the components you need.
-
Top 10+ Best React Native UI Components for Mobile App Development
React Native Paper
-
React vs React Native: How Different Are They, Really?
CSS-based UI libs don't make sense on mobile; your new options include NativeBase, React Native Elements and others). Some web-based UI libs do have RN siblings though - such as React Native Material and React Native Paper (for Material-UI), and tailwind-rn (for Tailwind). This just means new decisions to make, some learning, and new paradigms for how to use the new libs.
-
is there a react native equal to MUI for reactjs?
I'll suggest going with native base and react native paper . As these are only 2 libraries up there which are efficient and give some good results.
-
Coming to React Native new - where do you get your news?
Every time when I start to learn something new I usually have a look at popular open source project. So I can understand some good patterns etc. E.g. https://github.com/callstack/react-native-paper
What are some alternatives?
When comparing tailwind-react-native-classnames and react-native-paper you can also consider the following projects:
react-native-extended-stylesheet - Extended StyleSheets for React Native
react-native-elements - Cross-Platform React Native UI Toolkit
react-native-viewpager - React Native wrapper for the Android ViewPager and iOS UIPageViewController.
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
react-native-vector-icons - Customizable Icons for React Native with support for image source and full styling.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
core - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
react-native-material-ui - Highly customizable material design components for React Native
react-native-screens - Native navigation primitives for your React Native app.
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
tailwind-react-native-classnames vs react-native-extended-stylesheet
react-native-paper vs react-native-elements
tailwind-react-native-classnames vs react-native-viewpager
react-native-paper vs NativeBase
tailwind-react-native-classnames vs capacitor
react-native-paper vs react-native-vector-icons
tailwind-react-native-classnames vs Flutter
react-native-paper vs Material UI
tailwind-react-native-classnames vs core
react-native-paper vs react-native-material-ui
tailwind-react-native-classnames vs react-native-screens
react-native-paper vs react-native-ui-kitten