About gluestack UI
gluestack UI is a library of React and React Native components styled with Tailwind CSS. It offers copy-paste components and patterns for web and mobile apps, and it fits well with shadcn-style workflows.
What it does
Components are styled with NativeWind, which brings Tailwind class names to React Native. You can copy pre-built pieces such as forms, navigation, cards, banners and toasts into a project, then change them with Tailwind classes. A demo app shows many components together, so you can see how they behave before you use them.
Key features
- Copy-paste components and patterns
- Tailwind CSS styling through NativeWind
- Forms, navigation, cards and toasts
- Ready-made screens such as login and sign up
- Demo app that shows all components
Who it's for
gluestack UI suits React and React Native developers who want Tailwind styling and ready-made screens. It also helps small teams that need to ship web and mobile interfaces quickly without designing every component from scratch.
Pricing and good to know
The site lists a Pro option along with templates. Check the license terms on the official site before using the components in a commercial product. Because the components are copied into your project, you own the code you change, so keep track of upstream updates you want to adopt.
Highlights
- Copy ready-made components into your project
- Style components with Tailwind classes
- Start from forms, navigation and card layouts
- Explore every component in the demo app
