Work in progress...
Powered by Expo and styled with NativeWind v4
shadcn/ui for React Native with the purpose to be used to build your own component libraries. Copy, paste, and tailor the code to suit your specific requirements.
Table of contents
- Accordion
- Alert
- Alert Dialog
- Avatar
- Badge
- Bottom Sheet
- Button
- Calendar
- Card
- Checkbox
- Combobox
- Collapsible
- Command
- Context Menu π
- Data Table
- Date Picker
- Dialog
- Dropdown Menu π
- Form
- Input
- Label
- Menubar π
- Navigation Menu π
- Popover
- Progress
- Radio-group
- Select
- Separator
- Skeleton
- Slider
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Toggle Group
- Tooltip
-
Styled Native-Focused Expo-Go Components - 34 β / 38
Quick start for your own components: use the components found in~/components/ui/*
-
Unstyled Universal A11y Components (rn-primitives)
Style agnostic and accessible components that will later be made into it's own library. It uses radix-ui/primitives for the web and native equivalents for native components -
Create universal components
Build components withrn-primitives
(soon be removed from here and hosted as a package on npm) -
Release
rn-primitives
on npm, use it as a dependency and finalize first version of universal components. -
Create a documentation website
-
Complete Github Community Standards Checklist
Code of conduct, Contributing, Security policy, Issue templates, and Pull request template
Tool for creating your own theme
If you want inspiration for your own theme, check out: https://ui.jln.dev/. And make sure you use .dark:root
as the selector in your css file instead of .dark
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.08.53.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-20.at.12.12.49.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.20.55.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.22.16.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.10.46.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-20.at.19.56.19.mp4
(soon)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-30.at.17.26.32.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.15.30.57.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.51.21.mp4
(soon)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-30.at.14.01.12.mp4
(soon)
(soon)