React & React Native Components & Patterns

copy-paste components & patterns crafted with Tailwind CSS (NativeWind)
Get Started
Stars
2,609
Nature image
Customisewith fewclicks!
Weekly Views10,0000+1.5% from last week
Weekly Followers15790+11.5% from last week
Login to your account
Don’t have an account?Sign up
Email
Password
Forgot Password?
OR CONTINUE WITH
Buttons
Solid
Outline

Copy-paste components, patterns & screens

Integrate pre-built, high-quality components and screens quickly by copying and pasting. Save time, ensure consistency, and customize easily with Tailwind classes.
Learn more
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.

Same code for Next.js and Expo

Build universal apps seamlessly with consistent code across Next.js and Expo projects. Enhance productivity, ensure code consistency, and simplify maintenance for web and mobile platforms.
Learn more
Give it a shot!Try on Expo app. It's the perfect way to dive right in and explore.
The source code is available on
GitHub
expo-iconOpen in Expo

Customize all the way, don’t lose control!

Take full control of your code with copy-paste components for limitless customization. Customize every UI element precisely, from aesthetics to interactive behaviors.
Learn more
Sharp
Subtle
Rounded
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

The Power of Tailwind CSS with NativeWind

Unleash your creativity and maximize the styling possibilities with Tailwind utility classes. Combine Tailwind utility classes with the powerful styling engine of NativeWind, ideal for universal applications.
Learn more
import { Button, ButtonText } from "@/components/ui/button"


function Example() {
  return (
    <Button size="md" className="bg-primary-500 hover:bg-primary-600">
      <ButtonText className="text-typography-50">Button</ButtonText>
    </Button>
  )
}

Inspiration

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

Public Cheers for Us!

Find out how our users are spreading the word!
Mauro Garcia
@mauro_codes
twitter-icon
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
Munya🚀
@makosamunyaa
twitter-icon
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
Robin Farajverified-tag
@robin_faraj
twitter-icon
@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
Daniel Friyiaverified-tag
@wa2goose
twitter-icon
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
Tejas Kumarverified-tag
@TejasKumar_
twitter-icon
bruh y’all need @gluestack
12:18 AMJul 13, 2023
Yevhenii Mudrahel
@YMudrahel
twitter-icon
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

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?
dark modeReact & React Native Components & Patterns
Created bydark mode
Resources
Figma
Docs
Blogs
Products
AppLaunchKit
Starter Kit
Legals
Terms
Privacy Policy
Cookie Policy
Contact
Support
ui logo
Made with gluestack-ui