Skip to content
Index730 resources
gluestack-ui

gluestack-ui

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

Tier A · StrongComponent LibraryRegistryDesign System Docsgluestack.io

(Visit gluestack.io ↗)(Docs)(Repository)
Preview image from gluestack.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.

Facts

License
MIT
Pricing
Free, Open source
Framework
React Native, React
Styling
Tailwind CSS v4, Platform-native styling
Distribution
CLI installer, npm package, GitHub repository, Copy-paste snippet, Agent skill / rules pack
Platform
iOS, Android, Cross-platform
Content type
Code, Design tokens / theme files
Agent readiness
CLI installable, Agent skill or rules pack, Structured documentation, Copy-paste ready code, Readable open source
Accessibility
Accessible
Maturity
Actively maintained
GitHub stars
5,249
Package
@gluestack-ui/core

Components it ships

50 total
HeadingTypographyBoxCenterSeparatorStackGridAlertProgress BarSpinnerToastBannerBadgeCardTableTabsPaginationTab BarHeaderButtonCheckboxRadio GroupSelectSliderSwitchText InputTextareaFormLinkCalendarDate PickerTime PickerAlert DialogDrawerSheetModalPopoverPortalTooltipDropdown MenuAction SheetAccordionLightboxAvatarImageIconFloating Action ButtonSkeletonGlassmorphismConversation

Helps you build

17
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

Also in Component Libraries

6
gluestack.ioTier A