Home

Components

Hooks

Apps

MCP Server

Guides

Home

Overview

Introduction Quick Start

Getting Started

Installation Tooling Setup VS Code Extensions Figma UI Kit CLI gluestack-ui-nativewind-utils

Core Concepts

Accessibility Universal

Performance

Theme Configuration

Default Tokens Customizing Theme Dark Mode

Components

Typography

Headingrsc Textrsc

Layout

Boxrsc Centerrsc Divider HStackrsc VStackrsc Gridalpha, rsc

Feedback

Alert Progress Spinner Toast

Data Display

Badge Cardrsc Tablealpha

Forms

Button Checkbox FormControl Input Link Pressable Radio Select Slider Switch Textarea

Overlay

AlertDialog Drawer Menu Modal Popover Portal Tooltip

Disclosure

Actionsheet Accordion BottomSheetalpha

Media And Icons

Avatar Image Iconrsc

Others

Fab Skeletonalpha, rsc

Hooks

useBreakPointValue

Apps

Kitchensink App

MCP Server

Guides

Recipes

Tutorials

Building Ecommerce App

More

Upgrade to v2 Upgrade to v3 FAQs Releases Roadmap Troubleshooting Discord FAQs

Getting Started

Quick Start

npm create gluestack@latest

Manual Installation

VS Code Extension

Figma UI Kit

Head Starter Kit

Explore Components

30+ responsive components for every screen and style

Label

Password

Must be at least 6 characters.

Verified

JD

30+ componentsfor React, Next.js & React Native

Join our community

Be a part of this journey. Everyone is welcome!

For announcements, blog posts, and general Stitches tips.

To file issues, request features, and contribute, check out our GitHub.

To get involved in the community, ask questions, and share tips.

Receive firsthand assistance from our community of developers.

Edit this page on GitHub

Go backIntroduction

Up nextInstallation

Go backIntroduction

Up nextInstallation