Gluestack UI

Overview

gluestack-ui is a library of copy-paste components and patterns for React and React Native, styled with Tailwind CSS through NativeWind. Rather than a pre-packaged dependency, components are added individually to Expo and React Native projects, and the same components work across web and mobile.

Version 5 is the current release, adding NativeWind v5 (Tailwind v4) support, faster CLI performance, Expo Router-first setup and updated native components. The site also offers patterns, screens, templates, a kitchensink demo app, a Pro tier, prompt-to-React Native UI generation, and agent skills for coding assistants.

Features

• Universal components: The same components run on React web and React Native mobile apps.
• Forms: Button, checkbox, form control, input, radio and more than ten other form components.
• Navigation: Tabs, pagination, bottom navigation, FAB, header and related components.
• Patterns and screens: Pre-built screens such as login forms and dashboards to copy into a project.
• Modular install: Only the components that are needed are added.
• Expo Router first: Out-of-the-box integration with the latest Expo Router.
• Theming: Customization through theming tokens and configuration.
• Accessibility: Components are built with accessibility features.

Tech stack

• TypeScript, React, React Native, Expo
• Tailwind CSS v4, NativeWind v5

Getting started

npx gluestack-ui init