gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box.
A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating version lock-in. The library also features built-in enter/exit animations triggered by React lifecycle hooks, a centralized theme system using design tokens with dark mode support, and utility-first styling via Tailwind CSS classes that work consistently across web and mobile. Additional capabilities include server-side rendering with style flushing to prevent layout shift, variant inheritance through component context, and state-responsive styling on native devices.
The component set covers a wide range of UI needs: text inputs, checkboxes, select dropdowns, range sliders, accordions, modal dialogs, bottom sheets, toast notifications, tooltips, progress indicators, avatar groups, and more. A CLI tool initializes projects and adds individual components, while VS Code snippets and an interactive playground speed up development. The library also integrates with Next.js and supports React Server Components partially.
Developers can get started by installing the CLI and running a single command to set up a project, or by exploring all components in a live demo app.
