DocsUI Components
UI Components
gluestack-ui pro provides a comprehensive set of pre-built components that you can use to build your app's user interface.
All components in gluestack-ui pro are customizable, with default primitive components located in components/ui/.
Customizing Components
Follow these steps to customize primitive components in your codebase:
01
1. Locate the Component
Navigate to the specific component folder within components/ui/.
02
2. Modify the Styles
Open the styles.tsx file containing default component classes.
03
3. Update Default Styles
Adjust styles using NativeWind / Tailwind utility classes.
04
4. Targeted Customization
Modify component files or create custom variant definitions.
Ready to build amazing universal apps with gluestack-ui pro?Get Started