ui
BYOK Lab UI
Cross-platform component library for React Native and React Native Web: DTCG design tokens, semantic theme, layout primitives, and app-shell components that render near-identically on iOS, Android, and the web.
Tokens
DTCG / W3C design tokens (color, space, radius, font, shadow) — the single source of truth the theme is derived from.
Explore docs →Theme
Semantic theme resolved from tokens: ThemeProvider, useTheme, makeTheme with comfortable/compact density. Apps never touch raw values.
Explore docs →Primitives
The only layer that touches React Native styling: Box, Stack/HStack/VStack, Text, Surface, Pressable, Icon, Divider, Spacer, ScrollArea with token-keyed style props.
Explore docs →Components
Design-system components built only from primitives + theme: Button, Input, Tabs, app shells (AppShell, Sidebar, TopBar, InspectorPanel), lists, trees, editor and canvas widgets.
Explore docs →Icons
Icon name registry mapping the design-system icon vocabulary to lucide-react-native components (SVG-rendered on all platforms).
Explore docs →