React Native Salt Demo

React Native Salt Demo is the official interactive showcase for @esaltws/react-native-salt — a production-ready UI component library built for Expo and React Native. Browse, explore, and test 119 fully themed components directly on your device before using them in your own app. Whether you're a developer evaluating a UI kit, learning React Native, or looking for design inspiration, this app gives you a live, hands-on preview of every component — with real props, real theming, and real behavior. ─────────────────────────── 🎨 LIVE THEME CUSTOMIZATION ─────────────────────────── Switch between light and dark mode instantly. Choose from nature-inspired color presets — Ocean, Forest, Sunset, Desert, and more — or enter any custom hex color to generate a full theme on the fly. Adjust spacing scale, border radius, and font size to see how the entire UI adapts in real time. ─────────────────────────── 📦 119 UI COMPONENTS ─────────────────────────── Every component is interactive and demonstrates real usage: • Buttons — Button, FAB, SpeedDial, ActionFooter, ButtonGroup • Typography — Display, Title, Text, Label, Caption • Layout — Stack, Row, Column, Card, Screen, Divider, Spacer • Forms — Input, TextArea, Select, Checkbox, Switch, Slider, DatePicker, OTPInput, PhoneInput, CurrencyInput, TagInput, NumericInput • Navigation — Tabs, Breadcrumb, SegmentedControl, Drawer, TreeView, BottomSheet • Feedback — Toast, Snackbar, Modal, AlertDialog, Tooltip, Popover, Banner • Data Display — DataTable, KeyValueList, StatGrid, Timeline, TagList, Leaderboard, PaginationBar, ComparisonTable • Charts — BarChart, LineChart, PieChart • Media — Carousel, Lightbox, Avatar, AvatarGroup, ImageCard • Status — ProgressBar, ProgressRing, Skeleton, Loader, StatusDot, StatusTracker, StepIndicator, CountdownTimer • Social — MessageBubble, TypingIndicator, ProfileHeader, SocialButton • Utility — CodeBlock, ColorPalette, SwipeableRow, DragList, Confetti, OnboardingSlide, NotificationItem ─────────────────────────── ⚡ BUILT FOR DEVELOPERS ─────────────────────────── • Every screen shows live usage code and a full props table • Zero native dependencies — works in Expo Go and dev builds • TypeScript-first with strong defaults and typed unions • Designed to be AI-friendly — predictable naming and consistent patterns so tools like Claude and Copilot generate correct code on the first try • Powered by salt-theme-gen, an OKLCH-based theme engine that derives complete light/dark palettes from a single color ─────────────────────────── 📖 OPEN SOURCE ─────────────────────────── The library behind this demo is published on npm as @esaltws/react-native-salt and is free to use in your own projects. Full documentation and tutorials are available at learn.esalt.net. ─────────────────────────── 🔧 TECH STACK ─────────────────────────── React Native · Expo SDK 55 · TypeScript · Expo Router · Custom OKLCH Theme Engine Feedback and contributions welcome — github.com/esaltws/react-native-salt