Large Variety of App Templates
Production-ready universal templates for Chat, E-Commerce, Social Media, Finance, and Fitness.
gluestack-ui pro comes loaded with 50+ pre-built, production-ready screen templates grouped by industry use case.
Pre-Built Template Categories
Explore the full suite of cross-platform application templates included out of the box:
Messaging & Chat (WhatsApp-like)
Complete real-time chat interface featuring active conversation list, message bubbles, audio note visualizer, and media attachment drawer.
E-Commerce (Amazon-like)
Full retail flow with product showcase grid, filter drawer, product details view, cart breakdown, and checkout steps.
Social Media (Instagram-like)
Dynamic feed layout with media carousel posts, stories ring bar, user profile grid, and interactive comment drawers.
FinTech & Banking (CRED-like)
Financial dashboard with credit score indicator, bill payment cards, transaction history lists, and reward vouchers.
Fitness & Health Tracker
Activity analytics dashboard with goal progress rings, workout log timeline, and weekly stat breakdowns.
Connecting Backend APIs
Each template features typed data structures (data.ts / types.ts), making it easy to swap mock data for REST or GraphQL endpoints:
// Example: Swapping mock data with real API query in ChatScreen
import { useQuery } from '@tanstack/react-query';
import { fetchChatMessages } from '@/services/api';
export function ChatScreen({ chatId }: { chatId: string }) {
const { data: messages, isLoading } = useQuery({
queryKey: ['messages', chatId],
queryFn: () => fetchChatMessages(chatId),
});
return <ChatView messages={messages} loading={isLoading} />;
}