https://gluestack.io

gluestack: React & React Native UI components library for Web & Mobile AppA powerful React & React Native component library with customizable Tailwind UI components & patterns. Works seamlessly with shadcn React Native for web & mobile apps!gluestack: React & React Native UI components library for Web & Mobile Appv3TemplatesDocsProductsBlogsProGet Started🎉 Prompt to React Native UI available now!React & React Native Components Library & PatternsComprehensive 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)Get StartedStarsMay 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.JJohn SmithMotivational SpeakerSystem ErrorApologies for the inconvenience. Our team is actively working on fixing it.RetryReport issuesNamePhone NumberJohn Doe+01 1234567890Michael K+01 1234567890Martine D.+01 1234567890Customisewith fewclicks!Weekly Views10,0000+1.5% from last weekWeekly Followers15790+11.5% from last weekPrev01020304NextUpdates AvailableA new version is available. Please upgrade for the best experience.SkipDownloadLogin to your accountDon't have an account?Sign upEmailPasswordRemember meForgot Password?LoginOR CONTINUE WITHButtonsSolidDefaultHoverActiveDisabledOutlineDefaultHoverActiveDisabledLinkDefaultHoverActiveDisabledCopy-paste components, patterns & screensQuickly 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 moreFormsButton, Checkbox, FormControl, Input, Radio, +10 components.NavigationTabs, Pagination, Bottom Navigation, Fab, Header +5 components.CardsBanners, Cards, Toasts, Banners +8 components.Text InputPasswordChoose your favorite color*RedBlueBlackPinkGreenYou can only select one optionExtended coverageExtra serivices includedBasic coverageNothing extra includedSelect ToppingsPepperoni$0.5Mushrooms$1.0Bacon$2.0How do I place an order?To place an order, simply select the products you want, proceed to checkout, provide shipping and payment information, and finalize your purchase.What payment methods do you accept?We accept all major credit cards, including Visa, Mastercard, and American Express. We also support payments through PayPal.DailyWeeklyMonthlyOpen Alert DialogOpen PopoverReveal on HoverMenuKJKevin JamesHi Rachel, What’s up?JJJacob JonesGood Morning!AFAlbert FloresCoffee?AttachmentsDownloadsTrashNotificationMessagesSettingsPrev0102030405NextDescription of alert!Success!Your changes have been saved successfully.HHeadingThis is a sub text.ButtonBLBiddie Loebiddieloe@sample.comPushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner32posts8,396followers720follwingNo internet connectionMay 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.RRRonald RichardsNursing AssistantThis two-line notification can only be dismissed by interacting with the action buttons below.DenyAccept allFormsNavigationCardsText InputPasswordChoose your favorite color*RedBlueBlackPinkGreenYou can only select one optionExtended coverageExtra serivices includedBasic coverageNothing extra includedSelect ToppingsPepperoni$0.5Mushrooms$1.0Bacon$2.0How do I place an order?To place an order, simply select the products you want, proceed to checkout, provide shipping and payment information, and finalize your purchase.What payment methods do you accept?We accept all major credit cards, including Visa, Mastercard, and American Express. We also support payments through PayPal.DailyWeeklyMonthlyOpen Alert DialogOpen PopoverReveal on HoverMenuKJKevin JamesHi Rachel, What’s up?JJJacob JonesGood Morning!AFAlbert FloresCoffee?AttachmentsDownloadsTrashNotificationMessagesSettingsPrev0102030405NextDescription of alert!Success!Your changes have been saved successfully.HHeadingThis is a sub text.ButtonBLBiddie Loebiddieloe@sample.comPushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner32posts8,396followers720follwingNo internet connectionMay 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.RRRonald RichardsNursing AssistantThis two-line notification can only be dismissed by interacting with the action buttons below.DenyAccept allSame code for Next.js and ExpoBuild 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 moreHomestayFileEditViewGive it a shot!Try it in your browser or scan the QR code with the 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 GitHubOpen in new tabOpen in ExpoCustomize 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 moreSharpSubtleRoundedMay 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.JJohn SmithMotivational SpeakerShare gluestack-ui with friendsEmail friends who have never tried gluestack-uiSend an inviteSendNotification SettingsReceive notifications about gluestack-ui updates.EmailReceive email updates on comments you followedText messagesReceive updates by SMSAutomatically Delete itemsDelete activities older than 3 monthsUpload Your FilesJPG, PNG, PDF, MP4, GIFs supportedDrag & drop your file hereorBrowse FilesUploading 1 fileDocument_1.gif (200mb)25s leftUpdates AvailableA new version is available. Please upgrade for the best experience.SkipDownloadLogin to your accountDon't have an account?Sign upEmailPasswordRemember meForgot Password?LoginOR CONTINUE WITHSJohn Smithjohn@example.comPushing the boundaries of reality with XR design wizardry ✨🚀 #XRDesigner32posts8,396followers720follwingThe Power of Tailwind CSS with NativeWindUnleash 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 moreButtonExample.tsxButton.tsxstyles.tsimport { Button, ButtonText } from '@/components/ui/button'; function Example() { return ( Button ); } KitchensinkKitchenSink 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!Learn MoreCheck out the AppScan the QR to open the app on your storeLearn MoreScan the QR codeAvailable iniosAndriodMCP ServerOur 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.devVadim, 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@VadimNotJustDevUsed @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, 2025Mauro Garcia@mauro_codesI 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, 2023Daniel Friyia@wa2gooseI 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, 2024Robin 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 it8:03 PMAug 12, 2024Munya🚀@makosamunyaaa simple Video player from @expo another reason why Expo is up there when it comes to mobile development also using @gluestack10:10 AMNov 19, 2023Yevhenii Mudrahel@YMudrahelMobile 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 features2:10 AMAug 17, 2024Tejas Kumar@TejasKumar_bruh y’all need @gluestack12:18 AMJul 13, 2023Tomek Marciniak@mrcnk_palladI'm @gluestack pilled.4:48 PMNov 10, 2024Daniel@0xdlkOkay, I'll say it right now: gluestack is grossly underrated. Gonna be my standard from now on.9:58 PMNov 2, 2024Adeola Emmanuel Morren@Adeola13Just 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, 2025Vadim Savin @notJust.dev@VadimNotJustDevUsed @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, 2025Mauro Garcia@mauro_codesI 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, 2023Daniel Friyia@wa2gooseI 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, 2024Robin 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 it8:03 PMAug 12, 2024Munya🚀@makosamunyaaa simple Video player from @expo another reason why Expo is up there when it comes to mobile development also using @gluestack10:10 AMNov 19, 2023Yevhenii Mudrahel@YMudrahelMobile 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 features2:10 AMAug 17, 2024Tejas Kumar@TejasKumar_bruh y’all need @gluestack12:18 AMJul 13, 2023Tomek Marciniak@mrcnk_palladI'm @gluestack pilled.4:48 PMNov 10, 2024Daniel@0xdlkOkay, I'll say it right now: gluestack is grossly underrated. Gonna be my standard from now on.9:58 PMNov 2, 2024Adeola Emmanuel Morren@Adeola13Just 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, 2025InspirationThis 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!Learn moreSubscribeBuilt 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?Book a Discovery CallOur PartnersTrusted tools built by our partnersRapidNativePrompt to React Native appAppLighterReact Native TemplatesScopeDeskAI-Powered Project ScopingFlyDashDashboard builderReact & React Native Components & PatternsCreated byResourcesFigmaDocsBlogsSupportProductsAppLaunchKitStarter Kitgluestack-ui proLegalsTermsPrivacy PolicyCookie PolicyPartnersRapidNativeFlyDashAppLighterScopeDesk🚀 gluestack-ui v4 alpha is here!enen1773497521https://gluestack.io

Hlela isayithi yakho?

Wentani?