Skip to content
IndexDesign corpus
Strong pickComponent LibrariesNative & Cross-Framework
Component LibrariesComponent LibraryRegistryDesign System DocsMITFreeReact Native

gluestack-ui

CLI-installed React Native component library built on NativeWind and Tailwind v4

Visit resourceDocsRepository
Aboutgluestack.io

gluestack-ui v5 is a component library for React Native and Expo that you install with a CLI rather than import from a package, so the component source lands in your repo and stays editable. It ships about 50 components styled with NativeWind v5 or UniWind on top of Tailwind CSS v4, and the CLI wires up the provider, metro.config.js, babel.config.js and global.css for you. It targets Expo 50+ and React Native CLI 0.72.5+; v5 does NOT support Next.js yet, which is a change from v1. The team also publishes an official agent skill for the library.

Install
npx gluestack-ui@latest init
For an agent

Reach for this when the target is Expo or bare React Native and you want shadcn-style ownership of component source instead of a black-box package — run `npx gluestack-ui@latest init`, then `npx gluestack-ui@latest add <component>` per component. Do NOT pick it for a Next.js or web-only app: v5 dropped Next.js support pending NativeWind v5 web, so use shadcn/ui there instead. Check which styling engine the project chose during init (NativeWind v5 with PostCSS, or UniWind for Expo without a build step) before you touch metro.config.js or global.css, and prefer the official skill (`npx skills add gluestack/agent-skills --skill gluestack-ui-v5`) over guessing v1 APIs — the v1 `@gluestack-ui/themed` API is a different library.

Why it is here. It is the clearest example of the shadcn copy-into-your-repo model crossing over to React Native, which is exactly the gap most registry-era tooling leaves open. The v5 rewrite onto Tailwind v4 also makes cross-platform styling share vocabulary with web work.

Install command, framework, licence and component list.
Components it ships50 total
HeadingTypographyBoxCenterSeparatorStackGridAlertProgress BarSpinnerToastBannerBadgeCardTableTabsPaginationTab BarHeaderButtonCheckboxRadio GroupSelectSliderSwitchText InputTextareaFormLinkCalendarDate PickerTime PickerAlert DialogDrawerSheetModalPopoverPortalTooltipDropdown MenuAction SheetAccordionLightboxAvatarImageIconFloating Action ButtonSkeletonGlassmorphismConversation
Helps you build17
Onboarding MobileLogin MobileSign UpSettings MobileAccount MobileChat MobileFeedSearch MobileFiltering ItemsSingle Item DetailAction SheetTab Bar NavigationSubmitting A FormShowing Input ErrorUploading MediaEmpty StateNotification Settings
Notable for
  • CLI installs component source into your repo
  • NativeWind v5 / Tailwind v4 styling
  • Expo and React Native CLI only in v5
  • official agent skill published by the team
  • ~50 components including BottomSheet and Liquid Glass
Provenance

Verified 2026-08-16. HTTP 200. https://gluestack.io (WebFetch), https://gluestack.io/ui/docs/home/overview/introduction (component sidebar enumerated, 50 names), https://gluestack.io/ui/docs/home/getting-started/installation (install + framework support), gh api repos/gluestack/gluestack-ui, registry.npmjs.org/@gluestack-ui/core and /@gluestack-ui/themed

Related resourcesComponent Libraries