gluestack: React & React Native UI components library for Web & Mobile App
We're live on Product Hunt!· If you like gluestack-ui pro, please support us.
🎉 Prompt to React Native UI available now!
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 --skill gluestack-ui-v5
Copied to clipboard!
Kitchensink App a Comprehensive demo app showcasing all the gluestack-ui components in action
!Image 3: 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.
J
#### 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 | |
Customise with few clicks!
Weekly Views 10,0000+1.5% from last week
Weekly Followers 15790+11.5% from last week
Updates Available A new version is available. Please upgrade for the best experience.
Login to your account
Don't have an account?Sign up
Password
Remember me
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.
Forms Button, Checkbox, FormControl, Input, Radio, +10 components.
!Image 7: icon for Navigation tab
Navigation Tabs, Pagination, Bottom Navigation, Fab, Header +5 components.
Cards Banners, Cards, Toasts, Banners +8 components.
Text Input
Password
Choose your favorite color
*
You can only select one option
Extended coverage
Extra serivices included
Basic coverage
Nothing extra included
Select Toppings
Pepperoni
$0.5
Mushrooms
$1.0
Bacon
$2.0
Daily
Weekly
Monthly
KJ
###### Kevin James
Hi Rachel, What’s up?
JJ
###### Jacob Jones
Good Morning!
AF
###### Albert Flores
Coffee?
Attachments
Downloads
Trash
Notification
Messages
Settings
H
#### Heading
This is a sub text.
BL
#### Biddie Loe
biddieloe@sample.com
Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner
32 posts
8,396 followers
720 follwing
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.
RR
###### 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
Extended coverage
Extra serivices included
Basic coverage
Nothing extra included
Select Toppings
Pepperoni
$0.5
Mushrooms
$1.0
Bacon
$2.0
Daily
Weekly
Monthly
KJ
###### Kevin James
Hi Rachel, What’s up?
JJ
###### Jacob Jones
Good Morning!
AF
###### Albert Flores
Coffee?
Attachments
Downloads
Trash
Notification
Messages
Settings
H
#### Heading
This is a sub text.
BL
#### Biddie Loe
biddieloe@sample.com
Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner
32 posts
8,396 followers
720 follwing
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.
RR
###### 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.
!Image 21: menu-optionsHomestay File Edit View
Give it a shot!
Try it in your browser or scan the QR code with the
!Image 22: 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
!Image 23: expo-iconOpen in Expo
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.
Sharp
Subtle
Rounded
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.
J
#### John Smith
Motivational Speaker
Share gluestack-ui with friends Email friends who have never tried gluestack-ui Send an invite
Notification Settings Receive notifications about gluestack-ui updates.
Email Receive email updates on comments you followed
Text messages Receive updates by SMS
Automatically Delete items Delete activities older than 3 months
Upload Your Files JPG, PNG, PDF, MP4, GIFs supported
Drag & drop your file here or
Browse Files
Uploading 1 file
Document_1.gif (200mb)25s left
Updates Available A new version is available. Please upgrade for the best experience.
Login to your account
Don't have an account?Sign up
Password
Remember me
Forgot Password?
OR CONTINUE WITH
S
#### John Smith
john@example.com
Pushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner
32 posts
8,396 followers
720 follwing
The Power of Tailwind CSS with NativeWind
Unleash your creativity and maximize the styling possibilities withTailwind UI componentsand utility classes. Combine Tailwind utility classes with the powerful styling engine of NativeWind, ideal for universal applications.
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
KitchenSinkis 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
Scan the QR code Available in
ios
Andriod
#### 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!
#### Inspiration
This project wouldn't have been possible without the great work by community members and inspiration from these libraries.
#### 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!
#### 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 builtReact Native appsfor almost 200+ clients across the globe. Our clients include startups to big enterprises! Need help with your React Native app?
Built by GeekyAnts.
Backed by expertise.
An OSS-loving team of React Native experts with 15+ years of experience and 600+ global clients. Need help building your app?
Our Partners
Trusted tools built by our partners
 React & React Native Components & Patterns
Created by
Resources
Products
Legals
Contact
Partners
We use cookies to optimise the website experience.