Premium React Native Templates & UI Components | gluestack-ui pro

gluestack-ui pro

1 min read Original article ↗

50+ Premium React Native Templatess

The only React Native template you'll ever need.

A universal library of premium React Native UI screens to ship apps faster — across iOS and Android.

Scan with Expo Go to explore gluestack-ui pro demo templates

Explore the demo

Scan the QR code with Expo Go to explore all templates instantly.

Showcase

Built for Production

Explore beautiful, performant apps built with gluestack-ui pro templates.

Massive Benefits

Maximize Efficiency and Speed with gluestack-ui pro

Clean File Structure

Modular React Native folder organization ready to drop into your codebase.

Learn more

Amazon

Instagram

Large Variety of App Templates

Production-ready universal templates for Chat, E-Commerce, Social Media, Finance, and Fitness.

Explore templates

global.css

@import "tailwindcss";

@custom-variant dark (&:is(.dark *));

:root {
  --background: #ffffff;
  --foreground: #0f1419;
  --primary: #1e9df1;
  --border: #e1eaef;
  --radius: 1.3rem;
}

.dark {
  --background: #000000;
  --foreground: #e7e9ea;
  --primary: #1c9cf0;
  --border: #242628;
}

global.css

@import "tailwindcss";

@custom-variant dark (&:is(.dark *));

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary); // [!code highlight]
  --color-border: var(--border); // [!code highlight]
  --radius-lg: var(--radius); // [!code focus]
}

@layer base {
  body {
    @apply bg-background text-foreground; // [!code ++]
  }
}

VS

Tailwind CSS with NativeWind

Style effortlessly with utility-first Tailwind CSS powered by NativeWind v5.

Learn more

Latest Tech Stack

Built with Tailwind CSS v4, NativeWind v5, Expo Router, and TypeScript.

Learn more