gluestack-ui

Overview

gluestack-ui (formerly NativeBase) is a universal component library designed to bridge React Native and Next.js/Web. Styled with Tailwind CSS via NativeWind, it provides copy-paste modular components for mobile and web.

Key Features

• Universal Tailwind Integration: Seamlessly share Tailwind utility classes between React Native and Web.
• Copy-Paste & Modular: Integrate only the components your project needs with full source code ownership.
• ARIA-Compliant Logic: Built with robust accessibility primitives for screen readers and keyboard navigation.
• Expo & Next.js Optimized: Built-in support for SSR, RSC, and mobile fast-refresh.

Installation & Quick Start

npx gluestack-ui@latest add button

import { Button, ButtonText } from '@/components/ui/button';

export default function App() {
  return (
    <Button size="md" variant="solid" action="primary">
      <ButtonText>Universal Action</ButtonText>
    </Button>
  );
}

Why Choose gluestack-ui?

• Best for: Teams using React Native + Next.js with Tailwind CSS wanting unified UI across platforms.
• Not suitable for: Projects that prefer non-Tailwind styled components or CSS-in-JS runtimes.