← All tools

gluestack-ui

Popularity 65 Updated Development & Build

A CLI tool for easily adding components from gluestack to your projects.

npmauto-collected

Installation

npm
npm install -g gluestack-ui

Install with npm.

gluestack v5 is here! Our biggest release yet is live today — with support for NativeWind v5 (Tailwind v4), optimized CLI performance, Expo Router first, and state-of-the-art native components.

gluestack-ui: React Native & Expo Components & Patterns

gluestack-ui is a library of copy-pasteable components & patterns crafted with Tailwind CSS (NativeWind).

<h3 align="center" <a href="https://github.com/gluestack/gluestack-ui" <img src="https://raw.githubusercontent.com/gluestack/gluestack-ui/main/apps/website/public/images/og-image.png" alt="gluestack-ui logo" </a <br <br </h3

Introduction

gluestack-ui v5 offers customizable, beautifully designed components for your native projects. Unlike traditional libraries, it's not a pre-packaged dependency. Choose the components you need and copy-paste them directly into your Expo and React Native projects.

Documentation

You can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/ui/docs website.

Features

  • NativeWind v5 / Tailwind v4 Integration: Tailwind CSS support for seamless styling across native platforms.
  • Modular Architecture: Pick and choose the components you need without unnecessary bloat.
  • Expo Router First: Out-of-the-box integration with the latest Expo Router.
  • Flexible Theming: Customize your components with ease using theming tokens and configuration.
  • Accessibility: Built with robust accessibility features to ensure inclusivity.
  • Frequent updates: We are constantly working on improving the library and adding new components. Follow us on GitHub to stay up-to-date on the latest releases and features.
  • Community support: Need help using the library or have a suggestion for a new feature? Join our Discord channel to connect with the community and get support.

Installing gluestack-ui v5

To get started with gluestack-ui v5, you must have an existing Expo or React Native project. Then, simply run the following command:

npx gluestack-ui init

For detailed installation instructions, visit the gluestack-ui v5 installation guide.

Tech Stack

TypeScript, React Native, Expo, Tailwind CSS, NativeWind

Getting Started