preview
Docs
Blog
Products
Resources
Search
Get Updates
Prompt to React Native
Home
Components
Hooks
Apps
MCP Server
Guides
Home
Overview
Introduction
Quick Start
Getting Started
Installation
Tooling Setup
VS Code Extensions
Figma UI Kit
CLI
gluestack-ui-nativewind-utils
Core Concepts
Accessibility
Universal
Performance
Benchmarks
Theme Configuration
Default Tokens
Customizing Theme
Dark Mode
Components
All Components
Typography
Heading
rsc
Text
rsc
Layout
Box
rsc
Center
rsc
Divider
HStack
rsc
VStack
rsc
Grid
alpha, rsc
Feedback
Alert
Progress
Spinner
Toast
Data Display
Badge
Card
rsc
Table
alpha
Forms
Button
Checkbox
FormControl
Input
Link
Pressable
Radio
Select
Slider
Switch
Textarea
Overlay
AlertDialog
Drawer
Menu
Modal
Popover
Portal
Tooltip
Disclosure
Actionsheet
Accordion
BottomSheet
alpha
Media And Icons
Avatar
Image
Icon
rsc
Others
Fab
Skeleton
alpha, rsc
Hooks
useBreakPointValue
useMediaQuery
Apps
Dashboard App
Kitchensink App
Todo App
Starter Kit
AppLighter
MCP Server
MCP Server
Guides
Recipes
LinearGradient
Tutorials
Building Ecommerce App
More
Upgrade to v2
Upgrade to v3
Upgrade to v4
FAQs
Releases
Changelog
Roadmap
Troubleshooting
Discord FAQs
gluestack-ui v4 (alpha) release
January 23, 2026
by
Sanchit Kumar
Building gluestack-ui
This version introduces a shadcn-inspired design system and a refreshed animation foundation powered by react-native-reanimated.
Highlights
Components redesigned to closely align with shadcn UI
Migration to react-native-reanimated for animations
Upgraded KitchenSink demo app for previews and testing
New documentation available at
https://v4.gluestack.io
Expo 55 (beta) support
Why react-native-reanimated?
Native-first performance (UI thread)
Better Expo & RN ecosystem alignment
Why shadcn UI replica design system?
It's easier for modern developers and designers to follow a common design language already popularized by shadcn.
What's coming next:
Uniwind support
NativeWind v5 support
We're actively gathering feedback as we continue evolving v4.
Edit this page on GitHub