🎉 Prompt to React Native UI available now!

React & React Native
UI Components & Patterns

Comprehensive React and React Native component library for building modern, high-performance web and mobile apps. Copy-paste UI components library & patterns crafted with Tailwind CSS (NativeWind)

npx skills add gluestack/agent-skills

Copied to clipboard!

👁 kitchensink qrcode

Kitchensink Appa Comprehensive demo app showcasing all the gluestack-ui components in action

👁 PositiveThinking image

May 15, 2023

The Power of Positive Thinking

Discover how the power of positive thinking can transform your life, boost your confidence, and help you overcome challenges. Explore practical tips and techniques to cultivate a positive mindset for greater happiness and success.

John Smith

Motivational Speaker

System Error

Apologies for the inconvenience. Our team is actively working on fixing it.

	Name	Phone Number
John Doe	+01 1234567890
Michael K	+01 1234567890
Martine D.	+01 1234567890

👁 Nature image

Customisewith fewclicks!

Weekly Views10,0000+1.5% from last week

Weekly Followers15790+11.5% from last week

Updates AvailableA new version is available. Please upgrade for the best experience.

Don't have an account?Sign up

Password

Forgot Password?

OR CONTINUE WITH

Buttons

Solid

Outline

Link

Copy-paste components, patterns & screens

Quickly integrate pre-built, high-quality components and screens by copying and pasting from the gluestack UI component library. Save time, ensure consistency, and easily customize with Tailwind classes.

Learn more

FormsButton, Checkbox, FormControl, Input, Radio, +10 components.

NavigationTabs, Pagination, Bottom Navigation, Fab, Header +5 components.

CardsBanners, Cards, Toasts, Banners +8 components.

Text Input

Password

Choose your favorite color

You can only select one option

Select Toppings

$0.5

$1.0

$2.0

To place an order, simply select the products you want, proceed to checkout, provide shipping and payment information, and finalize your purchase.

We accept all major credit cards, including Visa, Mastercard, and American Express. We also support payments through PayPal.

Daily

Weekly

Monthly

Kevin James

Hi Rachel, What’s up?

Jacob Jones

Good Morning!

Albert Flores

Coffee?

Attachments

Downloads

Trash

Notification

Messages

Settings

Description of alert!

Success!

Your changes have been saved successfully.

Heading

This is a sub text.

Biddie Loe

biddieloe@sample.com

Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner

32posts

8,396followers

720follwing

No internet connection

May 15, 2023The Power of Positive ThinkingDiscover how the power of positive thinking can transform your life, boost your confidence, and help you overcome challenges. Explore practical tips and techniques to cultivate a positive mindset for greater happiness and success.

Ronald Richards

Nursing Assistant

This two-line notification can only be dismissed by interacting with the action buttons below.

Forms

Navigation

Cards

Text Input

Password

Choose your favorite color

You can only select one option

Select Toppings

$0.5

$1.0

$2.0

To place an order, simply select the products you want, proceed to checkout, provide shipping and payment information, and finalize your purchase.

We accept all major credit cards, including Visa, Mastercard, and American Express. We also support payments through PayPal.

Daily

Weekly

Monthly

Kevin James

Hi Rachel, What’s up?

Jacob Jones

Good Morning!

Albert Flores

Coffee?

Attachments

Downloads

Trash

Notification

Messages

Settings

Description of alert!

Success!

Your changes have been saved successfully.

Heading

This is a sub text.

Biddie Loe

biddieloe@sample.com

Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner

32posts

8,396followers

720follwing

No internet connection

Ronald Richards

Nursing Assistant

This two-line notification can only be dismissed by interacting with the action buttons below.

Same code for Next.js and Expo

Build universal apps with consistent code across Next.js and Expo projects. Boost productivity, ensure code consistency, and simplify maintenance for both web and mobile platforms using a powerful React Native component library.

Learn more

👁 menu-options
HomestayFileEditView

Give it a shot!

Try it in your browser or scan the QR code with the

👁 expo-icon
Expo app on your phone.

Try on Expo app. It's the perfect way to dive right in and explore.

The source code is available on

GitHub

Open in new tab

👁 expo-icon
Open in Expo

👁 qr_code

Customize all the way, don't lose control!

Take full control of your code with copy-paste components for unlimited customization. Customize every UI component and element precisely, from aesthetics to interactive behaviours.

Learn more

Sharp

Subtle

Rounded

👁 dark mode

May 15, 2023

The Power of Positive Thinking

John Smith

Motivational Speaker

Share gluestack-ui with friendsEmail friends who have never tried gluestack-uiSend an invite

Notification SettingsReceive notifications about gluestack-ui updates.

EmailReceive email updates on comments you followed

Text messagesReceive updates by SMS

Automatically Delete itemsDelete activities older than 3 months

Upload Your FilesJPG, PNG, PDF, MP4, GIFs supported

Drag & drop your file hereor

Browse Files

Uploading 1 file

Document_1.gif (200mb)25s left

Updates AvailableA new version is available. Please upgrade for the best experience.

Don't have an account?Sign up

Password

Forgot Password?

OR CONTINUE WITH

John Smith

john@example.com

Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner

32posts

8,396followers

720follwing

The Power of Tailwind CSS with NativeWind

Unleash your creativity and maximize the styling possibilities with Tailwind UI components and utility classes. Combine Tailwind utility classes with the powerful styling engine of NativeWind, ideal for universal applications.

Learn more

Example.tsx

Button.tsx

styles.ts

import { Button, ButtonText } from '@/components/ui/button';

 function Example() {
 return (
 <Button size="md" style={{ $$css: true }} className="bg-primary hover:bg-primary/90">
 <ButtonText style={{ $$css: true }} className="text-background" >Button</ButtonText>
 </Button>
 );
 }

Kitchensink

KitchenSink is a comprehensive demo React and React Native mobile app showcasing all the gluestack UI component libraries in action including buttons, forms, action sheets and much more!

Check out the App

Scan the QR to open the app on your store

👁 kitchensink qrcode

Scan the QR codeAvailable in

ios

Andriod

👁 kitchensink image

MCP Server

Our MCP (Model Context Protocol) Server is an intelligent code generation tool that creates production-ready, consistent UI components using gluestack-ui v2. It streamlines your development workflow by automatically generating accessible, type-safe components that follow best practices across any framework or technology. Watch our demo to see how it accelerates development with gluestack-ui:

Learn about gluestack from YouTube guru
notJust.dev

Vadim, popularly known as "just-not-dev" on YouTube, offers insightful and practical videos that explore a wide range of developer tools and frameworks, including gluestack-ui.

Public Cheers for Us!

Find out how our users are spreading the word!

Vadim Savin @notJust.dev

@VadimNotJustDev

Used @gluestack in one of my projects, and I loved it! Seamless integration with NativeWind, customizable components, and universal compatibility made building a beautiful, accessible UI a breeze. Highly recommend for React Native devs!

7:39 PMJan 14, 2025

Mauro Garcia

@mauro_codes

I finally took the time to update this blog post. 😂 I removed NativeBase from the list and added @gluestack, which looks amazing 🔥 (Congrats @sanketsahu and team)

9:20 PMAug 26, 2023

Daniel Friyia

@wa2goose

I think @gluestack is going to be my go-to for tutorials going forward. This was really trivial to make and dark theme is supported pretty much out of the box.

12:40 AMMay 19, 2024

Robin Faraj

@robin_faraj

@gluestack is awesome! especially the v2 which utilizes nativewind. I am mainly a web dev, which means I am familiar with TailwindCSS and libs like ShadCN. Gluestack v2 is inspired by libs that, which makes the switch to mobile way easier for me. love it

8:03 PMAug 12, 2024

Munya🚀

@makosamunyaa

a simple Video player from @expo another reason why Expo is up there when it comes to mobile development also using @gluestack

10:10 AMNov 19, 2023

Yevhenii Mudrahel

@YMudrahel

Mobile app development for photo and video editing is on track 💪👨‍💻 ☑️ Chose a UI Kit (gluestack); ☑️ Picked the main colors; ☑️ Designed the first screen; ☑️ Implemented the first screen + image upload logic; ☑️ Built the main menu with buttons for planned features

2:10 AMAug 17, 2024

Tejas Kumar

@TejasKumar_

bruh y’all need @gluestack

12:18 AMJul 13, 2023

Tomek Marciniak

@mrcnk_pallad

I'm @gluestack pilled.

4:48 PMNov 10, 2024

Daniel

@0xdlk

Okay, I'll say it right now: gluestack is grossly underrated. Gonna be my standard from now on.

9:58 PMNov 2, 2024

Adeola Emmanuel Morren

@Adeola13

Just coming to say thank you here. Coming off from a react tailwind background got lured into using Tamagui which was a disaster (skill issue I’ll admit) but then using Gluestack was as if I could breathe again. What a fresh air and great DX experience for one who hates mobile 😄

9:22 PMOct 21, 2025

Vadim Savin @notJust.dev

I finally took the time to update this blog post. 😂 I removed NativeBase from the list and added @gluestack, which looks amazing 🔥 (Congrats @sanketsahu and team)

9:20 PMAug 26, 2023

Daniel Friyia

@wa2goose

I think @gluestack is going to be my go-to for tutorials going forward. This was really trivial to make and dark theme is supported pretty much out of the box.

a simple Video player from @expo another reason why Expo is up there when it comes to mobile development also using @gluestack

bruh y’all need @gluestack

12:18 AMJul 13, 2023

Tomek Marciniak

@mrcnk_pallad

I'm @gluestack pilled.

4:48 PMNov 10, 2024

Daniel

@0xdlk

Okay, I'll say it right now: gluestack is grossly underrated. Gonna be my standard from now on.

9:58 PMNov 2, 2024

Adeola Emmanuel Morren

@Adeola13

9:22 PMOct 21, 2025

Inspiration

This project wouldn't have been possible without the great work by community members and inspiration from these libraries.

👁 tech logos

Get exclusive updates!

We can't do this alone, we would love feedback and the fastest way for us to reach out to you is via emails. We won't spam, I promise!

Learn more

Created By

GeɘkyAnts

An OSS-loving, community-driven team of React Native geeks!GeekyAnts is a team of React Native experts who love open-source and solving developer problems. We've been working on React Native since 2015 and have designed and built React Native apps for almost 200+ clients across the globe. Our clients include startups to big enterprises! Need help with your React Native app?

👁 GeekyAnts Logo