tailwind-react-native-classnames vs NativeBase

tailwind-react-native-classnames

simple, expressive API for tailwindcss + react-native (by jaredh159)

NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web. (by GeekyAnts)

React Native nativebase UI Components native-platforms iOS Android React Nextjs HacktoberFest

Source Code

nativebase.io

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

tailwind-react-native-classnames		NativeBase
	Project
9	Mentions	57
1,846	Stars	20,016
-	Growth	0.5%
8.1	Activity	3.7
7 days ago	Latest Commit	3 months ago
TypeScript	Language	TypeScript
-	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.

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?
3 projects | /r/reactnative | 8 Jun 2023
What’s RN’s version of Material-UI or Tailwind for React?
8 projects | /r/reactnative | 4 Jun 2023

tailwind-rn and twrnc are good options.
From React to React Native
1 project | /r/reactnative | 15 Feb 2023

You can use tailwind in RN，https://github.com/jaredh159/tailwind-react-native-classnames
The different strategies to building a cross-platform app
36 projects | dev.to | 6 Oct 2022

twrnc aka. tailwind-react-native-classnames instead of NativeWind, comparison. But twrnc doesn't have responsivity + SSR support.
Using Tailwind CSS in React Native
2 projects | dev.to | 13 Aug 2022

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
1 project | /r/reactnative | 13 Aug 2022

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
3 projects | /r/reactnative | 12 May 2022
Tailwind dark mode, media queries, and JIT arbitrary utilities fo React Native
1 project | /r/reactnative | 20 Oct 2021

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
2 projects | /r/nextjs | 4 Oct 2021

Like https://github.com/jaredh159/tailwind-react-native-classnames ?

NativeBase

Posts with mentions or reviews of NativeBase. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-29.

Exploring the Best UI Component Libraries for React Native apps
4 projects | dev.to | 29 Mar 2024

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
4 projects | dev.to | 19 Oct 2023

Native-base
Best headless UI libraries in React Native
6 projects | dev.to | 4 Oct 2023

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
40 projects | dev.to | 10 Sep 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?
2 projects | /r/reactnative | 6 Jun 2023
What’s RN’s version of Material-UI or Tailwind for React?
8 projects | /r/reactnative | 4 Jun 2023

You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302
Is this card style possible to do with React Native ?
2 projects | /r/reactnative | 23 May 2023
Suggestions for first-time React Native app
4 projects | /r/reactnative | 16 May 2023
How to make my apps look and feel more professional?
2 projects | /r/reactnative | 12 May 2023
Nativewind for a new project?
5 projects | /r/reactnative | 1 Apr 2023

NativeBase is being abandoned unfortunately , I wouldn’t start a new project with it https://github.com/GeekyAnts/NativeBase/issues/4302

What are some alternatives?

When comparing tailwind-react-native-classnames and NativeBase 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.

react-native-paper - Material Design for React Native (Android & iOS)

capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

react-native-ui-lib - UI Components Library for React Native

Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond

react-native-material-ui - Highly customizable material design components for React Native

core - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

react-native-screens - Native navigation primitives for your React Native app.

react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)