Work in progress...
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
Material Top Tabs 🔜
Menubar 🔜
Navigation Menu 🔜
Popover
Progress
Radio-group
Select
Separator
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toast
Toggle
Toggle Group
Tooltip
Create a documentation website (in progress)
Document initial setup, installation, and use for each component with their dependencies
Complete Github Community Standards Checklist
Code of conduct, Contributing, Security policy, Issue templates, and Pull request template
Tackle all commented TODO
s
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
Note : Current screenshots are for deprecated-ui (new screenshots to come)
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.08.53.mp4
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-20.at.12.12.49.mp4
Code
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.20.55.mp4
Code
Code
Code
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.22.16.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.10.46.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-20.at.19.56.19.mp4
Context Menu
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-30.at.17.26.32.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.15.30.57.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.51.21.mp4
Dropdown Menu
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-30.at.14.01.12.mp4
Code
Code
Code
Menubar
Code
Navigation Menu
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.13.55.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.14.53.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.51.44.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.52.24.mp4
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.15.47.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.16.49.mp4
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-26.at.12.23.51.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.16.18.01.mp4
Code
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.17.59.46.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.17.54.mp4
Code
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.11.56.33.mp4
Code