React Native Mobile Snack Showcase

Test and preview every Boodoo React Native component live in an interactive mobile simulator. Switch components below, edit code in real-time, or scan the QR code to run on your physical iOS or Android phone with Expo Go.

Zero DOM Dependencies

Built 100% on native View, Text, Pressable, and StyleSheet.create().

Zero Inline Styles

Optimized for 60/120fps Hermes bytecode and Metro bundler caching with zero runtime GC pressure.

Instant Expo Go Run

Switch to the "My Device" tab in Snack to scan the QR code and test native touch gesture performance.

Mobile Component Catalog Overview

Every component below is pure React Native, tree-shakeable, and exported directly from boodoo/react-native:

Category	Components	Key Mobile Features
Buttons & Actions	`Button`, `ButtonGroup`, `IconButton`, `FAB`, `SegmentedButtons`, `SpeedDial`	Tactile press feedback, floating action buttons, multi-action speed dials.
Surfaces & Cards	`Card`, `Surface`, `Divider`, `PricingCard`, `Tile`, `StatWidget`, `BentoGrid`	Elevation shadows, rounded corners, responsive mobile dashboard tiles.
Inputs & Forms	`TextInput`, `Searchbar`, `Checkbox`, `RadioGroup`, `Switch`, `Slider`, `Select`, `OtpInput`, `Rating`, `ChipInput`	Touch-optimized inputs, SMS verification OTP cells, star ratings, multi-tag entry.
Data Display	`Chip`, `Badge`, `Avatar`, `ChatBubble`, `AIStream`, `BarChart`, `EmptyState`, `Timeline`, `StepperWizard`	Zero-dependency mobile SVG/native bar & donut charts, conversational chat bubbles.
Feedback	`ActivityIndicator`, `ProgressBar`, `Skeleton`, `Alert`, `Banner`, `Toast`	Smooth mobile loading animations, non-blocking floating toasts, shimmer placeholders.
Lists & Tables	`List`, `ListItem`, `DataTable`, `Accordion`, `SwipeableRow`	Swipe-to-delete gestures, collapsible accordion FAQ rows, mobile-friendly data tables.
Navigation	`Appbar`, `Header`, `Drawer`, `BottomNavigation`, `Tabs`, `PageControl`	Sticky mobile headers, bottom tab bars with badges, swipeable page dots.
Overlays	`Dialog`, `Modal`, `BottomSheet`, `ActionSheet`, `Menu`, `Tooltip`	Spring-animated bottom sheets, iOS-style action sheets, touch backdrop dismissals.
Layout & Typography	`Heading`, `Text`, `Box`, `HStack`, `VStack`, `Center`, `Grid`	Tamagui/Gluestack-inspired layout primitives for clean flexbox layouts without raw View clutter.