MCPcopy
hub / github.com/gluestack/gluestack-ui

github.com/gluestack/gluestack-ui @v5.0.0 sqlite

repository ↗ · DeepWiki ↗ · release v5.0.0 ↗
2,930 symbols 9,057 edges 1,954 files 27 documented · 1%
README

gluestack v5 is here! Our biggest release yet is live today — with support for NativeWind v5 (Tailwind v4), optimized CLI performance, Expo Router first, and state-of-the-art native components.

gluestack-ui: React Native & Expo Components & Patterns

gluestack-ui is a library of copy-pasteable components & patterns crafted with Tailwind CSS (NativeWind).

GitHub stars

NPM downloads Commits per month

Expo Latest

gluestack-ui logo

Introduction

gluestack-ui v5 offers customizable, beautifully designed components for your native projects. Unlike traditional libraries, it's not a pre-packaged dependency. Choose the components you need and copy-paste them directly into your Expo and React Native projects.

Documentation

You can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/ui/docs website.

Features

  • NativeWind v5 / Tailwind v4 Integration: Tailwind CSS support for seamless styling across native platforms.
  • Modular Architecture: Pick and choose the components you need without unnecessary bloat.
  • Expo Router First: Out-of-the-box integration with the latest Expo Router.
  • Flexible Theming: Customize your components with ease using theming tokens and configuration.
  • Accessibility: Built with robust accessibility features to ensure inclusivity.
  • Frequent updates: We are constantly working on improving the library and adding new components. Follow us on GitHub to stay up-to-date on the latest releases and features.
  • Community support: Need help using the library or have a suggestion for a new feature? Join our Discord channel to connect with the community and get support.

Installing gluestack-ui v5

To get started with gluestack-ui v5, you must have an existing Expo or React Native project. Then, simply run the following command:

npx gluestack-ui init

For detailed installation instructions, visit the gluestack-ui v5 installation guide.

Tech Stack

TypeScript, React Native, Expo, Tailwind CSS, NativeWind

Getting Started

  • Install gluestack-ui: Follow the installation guide.
  • Add Components: Use our CLI to add components to your project, or simply copy-paste from our documentation.
  • Customize: Tailor the components to fit your project's needs using theming tokens and configuration.
  • Build: Start building your app with a consistent, accessible, and high-performance UI.

Migration from gluestack-ui v3 / v4

If you're migrating from earlier versions, check our migration guide to upgrade to v5.

Created By GeekyAnts

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?

Contact Us

Contributing

We welcome contributions to the gluestack-ui. If you have an idea for a new component or a bug fix, please read our contributing guide instructions on how to submit a pull request.

License

Licensed under the MIT License, Copyright © 2026 GeekyAnts. See LICENSE for more information.

Extension points exported contracts — how you extend this code

PressEvents (Interface)
(no doc)
packages/gluestack-utils/src/aria/interactions/usePress.ts
InterfaceProgressProps (Interface)
(no doc)
packages/gluestack-core/src/progress/creator/types.ts
UniwindConfig (Interface)
(no doc)
packages/gluestack-ui/templates/common/uniwind-types.d.ts
AnimatedHeightProps (Interface)
(no doc)
apps/starter-kit-monorepo/packages/ui/components/ui/accordion/AnimatedHeight.tsx
AnimatedHeightProps (Interface)
(no doc)
apps/starter-kit-next/components/ui/accordion/AnimatedHeight.tsx
AnimatedHeightProps (Interface)
(no doc)
apps/starter-kit-expo/components/ui/accordion/AnimatedHeight.tsx
UniwindConfig (Interface)
(no doc)
apps/starter-kit-expo-uniwind/uniwind-types.d.ts
UsageVariantFlatListProps (Interface)
(no doc)
apps/kitchen-sink/components/custom/component-presentation/usage-variant-flatlist.tsx

Core symbols most depended-on inside this repo

createIcon
called by 850
packages/gluestack-core/src/icon/creator/createIcon/index.tsx
cn
called by 255
apps/website/lib/utils.ts
withStyleContext
called by 200
packages/gluestack-utils/src/nativewind-utils/withStyleContext/index.tsx
useStyleContext
called by 198
packages/gluestack-utils/src/nativewind-utils/withStyleContext/index.tsx
composeEventHandlers
called by 131
packages/gluestack-utils/src/common/composeEventHandlers.ts
useContext
called by 129
packages/gluestack-utils/src/common/createContext.tsx
createContext
called by 120
packages/gluestack-utils/src/common/createContext.tsx
onChange
called by 71
packages/gluestack-utils/src/aria/toggle/useToggle.web.ts

Shape

Function 2,554
Interface 375
Method 1

Languages

TypeScript100%

Modules by API surface

packages/gluestack-ui/src/commands/upgrade.ts37 symbols
packages/gluestack-ui/src/util/index.ts34 symbols
scripts/create.ts21 symbols
packages/gluestack-ui/src/util/init/index.ts19 symbols
packages/gluestack-core/src/calendar/creator/types.ts19 symbols
packages/gluestack-core/src/overlay/aria/useOverlayPosition.ts18 symbols
packages/gluestack-core/src/overlay/aria/web/overlays/src/calculatePosition.ts16 symbols
src/components/ui/chat-ai/prompt-input.tsx15 symbols
src/components/ui/chat-ai/model-selector.tsx15 symbols
src/components/ui/chat-ai/message.tsx15 symbols
apps/website/components/ui/chat-ai/prompt-input.tsx15 symbols
apps/website/components/ui/chat-ai/model-selector.tsx15 symbols

Dependencies from manifests, versioned

@ai-sdk/react3.0.143 · 1×
@babel/core7.25.2 · 1×
@changesets/cli2.29.5 · 1×
@clack/prompts0.11.0 · 1×
@eslint/eslintrc3 · 1×
@expo-google-fonts/andika0.4.1 · 1×
@expo-google-fonts/open-sans0.4.2 · 1×
@expo-google-fonts/outfit0.4.3 · 1×
@expo/html-elements0.12.5 · 1×
@expo/next-adapter6.0.0 · 1×

For agents

$ claude mcp add gluestack-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact