Universal base

Gluestack component base

The base system now carries the full 40-component gluestack website catalog, with creator-backed primitives and React Native preview surfaces for web and Expo.

View catalog
Surface
Color
Dark
Tablet
DevDocs.ai base
Sources, runs, and guardrails in one universal surface.
Gluestack v4 creators wrap React Native primitives, with tokens resolved through the provider mode.
18
Sources
284ms
Runs
99.9
Policies
Notion
Ready
Workspace knowledge
Shared token recipes stay stable across web, native, and Expo preview.
GitHub
Indexed
Code and reviews
Shared token recipes stay stable across web, native, and Expo preview.
Retrieval guardrail
Citations
Policy pass
light
Text recipe
Heading
gluestack docs: typography
Next.js
Expo Go
React Native
Text recipe
Text
gluestack docs: typography
Next.js
Expo Go
React Native
View recipe
Box
gluestack docs: layout
Next.js
Expo Go
React Native
View recipe
Center
gluestack docs: layout
Next.js
Expo Go
React Native
View recipe
Divider
gluestack docs: layout
Next.js
Expo Go
React Native
View recipe
HStack
gluestack docs: layout
Next.js
Expo Go
React Native
View recipe
VStack
gluestack docs: layout
Next.js
Expo Go
React Native
createAlert
Alert
gluestack docs: feedback
Next.js
Expo Go
React Native
createProgress
Progress
gluestack docs: feedback
Next.js
Expo Go
React Native
ActivityIndicator recipe
Spinner
gluestack docs: feedback
Next.js
Expo Go
React Native
Text + View token recipe
Badge
ui_kits/devdocs/primitives.jsx: Badge
Next.js
Expo Go
React Native
createPressable
Card
ui_kits/devdocs/primitives.jsx: Card
Next.js
Expo Go
React Native
createButton
Button
ui_kits/devdocs/primitives.jsx: Button
Next.js
Expo Go
React Native
createCheckbox
Checkbox
gluestack docs: forms
Next.js
Expo Go
React Native
createInput
Input
ui_kits/devdocs/primitives.jsx: Field + Input
Next.js
Expo Go
React Native
createLink
Link
gluestack docs: forms
Next.js
Expo Go
React Native
createPressable
Pressable
gluestack docs: forms
Next.js
Expo Go
React Native
createRadio
Radio
gluestack docs: forms
Next.js
Expo Go
React Native
createSlider
Slider
gluestack docs: forms
Next.js
Expo Go
React Native
createSwitch
Switch
new dark-mode control from gluestack color-mode contract
Next.js
Expo Go
React Native
createTextarea
Textarea
gluestack docs: forms
Next.js
Expo Go
React Native
createAccordion
Accordion
gluestack docs: disclosure
Next.js
Expo Go
React Native
createAvatar
Avatar
gluestack docs: media and icons
Next.js
Expo Go
React Native
createFab
Fab
gluestack docs: others
Next.js
Expo Go
React Native
Official components
40
Creator-wired base
15
Surfaces
Web + Expo
Catalog filter
Dark
40 gluestack component previews
Each card maps the official gluestack website component to the DevDocs token contract, native root, state coverage, and Expo-compatible preview surface.
Typography
previewed
Heading
Text recipe / Text
Heading
Portable RN preview
xs
sm
md
lg
https://gluestack.io/ui/docs/components/heading
Typography
previewed
Text
Text recipe / Text
Text
Portable RN preview
muted
strong
link
caption
https://gluestack.io/ui/docs/components/text
Layout
previewed
Box
View recipe / View
Box
Portable RN preview
surface
border
elevated
https://gluestack.io/ui/docs/components/box
Layout
previewed
Center
View recipe / View
Center
Portable RN preview
x
y
both
https://gluestack.io/ui/docs/components/center
Layout
previewed
Divider
View recipe / View
Divider
Portable RN preview
horizontal
vertical
subtle
https://gluestack.io/ui/docs/components/divider
Layout
cataloged
Grid
View recipe / View
Grid
Portable RN preview
two-column
dense
responsive
https://gluestack.io/ui/docs/components/grid
Layout
previewed
HStack
View recipe / View
HStack
Portable RN preview
gap
wrap
center
https://gluestack.io/ui/docs/components/hstack
Layout
previewed
VStack
View recipe / View
VStack
Portable RN preview
gap
section
stack
https://gluestack.io/ui/docs/components/vstack
Feedback
creator wired
Alert
createAlert / View + Text
i
Policy passed with citations.
info
success
warning
error
https://gluestack.io/ui/docs/components/alert
Feedback
creator wired
Progress
createProgress / View
value
indeterminate
tone
https://gluestack.io/ui/docs/components/progress
Feedback
previewed
Spinner
ActivityIndicator recipe / ActivityIndicator
Loading states
size
tone
loading
https://gluestack.io/ui/docs/components/spinner
Feedback
cataloged
Toast
createToast / View + Text
Toast
Portable RN preview
title
description
placement
https://gluestack.io/ui/docs/components/toast
Data Display
previewed
Badge
Text + View token recipe / View + Text
Ready
Review
neutral
success
warning
danger
https://gluestack.io/ui/docs/components/badge
Data Display
creator wired
Card
createPressable / Pressable + View
Card
Portable RN preview
pressed
disabled
selected
https://gluestack.io/ui/docs/components/card
Data Display
cataloged
Table
View + Text recipe / View + Text
Component
wired
State
ready
header
row
cell
https://gluestack.io/ui/docs/components/table
Forms
creator wired
Button
createButton / Pressable
hover
pressed
disabled
focusVisible
https://gluestack.io/ui/docs/components/button
Forms
creator wired
Checkbox
createCheckbox / Pressable + View
x
Selected option
checked
unchecked
disabled
invalid
https://gluestack.io/ui/docs/components/checkbox
Forms
cataloged
FormControl
createFormControl / View + Text
Prompt
Summarize the source with citations...
required
invalid
helper
disabled
https://gluestack.io/ui/docs/components/form-control
Forms
creator wired
Input
createInput / TextInput
focus
invalid
disabled
readonly
https://gluestack.io/ui/docs/components/input
Forms
creator wired
Pressable
createPressable / Pressable
Pressable
Portable RN preview
hover
pressed
focus
disabled
https://gluestack.io/ui/docs/components/pressable
Forms
creator wired
Radio
createRadio / Pressable + View
Selected option
selected
unselected
disabled
invalid
https://gluestack.io/ui/docs/components/radio
Forms
cataloged
Select
createSelect / Pressable + TextInput + Overlay
Select
Portable RN preview
placeholder
selected
open
disabled
https://gluestack.io/ui/docs/components/select
Forms
creator wired
Slider
createSlider / View + Pressable
value
dragging
disabled
https://gluestack.io/ui/docs/components/slider
Forms
creator wired
Switch
createSwitch / Switch
Dark mode
checked
disabled
invalid
hover
https://gluestack.io/ui/docs/components/switch
Forms
creator wired
Textarea
createTextarea / TextInput multiline
Prompt
Summarize the source with citations...
focus
invalid
disabled
resize
https://gluestack.io/ui/docs/components/textarea
Overlay
cataloged
AlertDialog
createAlertDialog / Modal + View
Open AlertDialog
Layered native surface
open
closed
destructive
confirm
https://gluestack.io/ui/docs/components/alert-dialog
Overlay
cataloged
Drawer
CLI drawer template / Modal + View
Open Drawer
Layered native surface
left
right
open
closed
https://gluestack.io/ui/docs/components/drawer
Overlay
cataloged
Menu
createMenu / Pressable + View
Open Menu
Layered native surface
open
item
separator
disabled
https://gluestack.io/ui/docs/components/menu
Overlay
cataloged
Modal
createModal / Modal + View
Open Modal
Layered native surface
open
closed
header
footer
https://gluestack.io/ui/docs/components/modal
Overlay
cataloged
Popover
createPopover / Pressable + View
Open Popover
Layered native surface
open
closed
arrow
placement
https://gluestack.io/ui/docs/components/popover
Overlay
cataloged
Portal
OverlayProvider / Portal host
Open Portal
Layered native surface
mounted
layered
dismissed
https://gluestack.io/ui/docs/components/portal
Overlay
cataloged
Tooltip
createTooltip / Pressable + View
Open Tooltip
Layered native surface
hover
focus
open
closed
https://gluestack.io/ui/docs/components/tooltip
Disclosure
creator wired
Accordion
createAccordion / View + Pressable
Evidence chain
v
Open state keeps content inside the native layout tree.
expanded
collapsed
disabled
https://gluestack.io/ui/docs/components/accordion
Disclosure
cataloged
Actionsheet
createActionsheet / Modal + Pressable
Open Actionsheet
Layered native surface
open
closed
dragging
item
https://gluestack.io/ui/docs/components/actionsheet
Media And Icons
creator wired
Avatar
createAvatar / View + Image + Text
JD
AI
DS
image
fallback
badge
group
https://gluestack.io/ui/docs/components/avatar
Media And Icons
cataloged
Icon
createIcon / react-native-svg
<>
size
stroke
filled
https://gluestack.io/ui/docs/components/icon
Media And Icons
cataloged
Image
createImage / Image
[]
loading
loaded
fallback
alt
https://gluestack.io/ui/docs/components/image
Others
creator wired
Fab
createFab / Pressable
+
hover
pressed
placement
disabled
https://gluestack.io/ui/docs/components/fab
Others
cataloged
Skeleton
View recipe / View
loading
circle
text
card
https://gluestack.io/ui/docs/components/skeleton