Project Structure
Understanding the project structure will help you navigate templates and integrate them efficiently.
Here is the comprehensive overview of the dev-app directory layout in gluestack-ui pro.
Directory Overview
Explore the interactive project directory tree for gluestack-ui pro:
Core Directories
Detailed description of main folders:
app/ Directory
Expo Router application folder containing root layout (_layout.tsx), index screen, and template categories.
components/ Directory
Reusable primitive components in components/ui/ and custom domain blocks in components/custom/.
utils/ Directory
React context providers for Theme (light/dark), Color palette, RTL language support, and drawer state.
assets/ Directory
Static resources including custom font files, SVG icons, and image assets.
Template Organization
Explore the interactive template directory layout below. Each template is self-contained with mock data, TypeScript types, and helper components: