Work in progress...
Powered by Expo and styled with NativeWind v4
Inspired by ui.shadcn.com with the purpose to be used to build your own mobile 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 -
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 POC universal components
Build components while ensuringrn-primitives
works as intended -
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
![](https://private-user-images.githubusercontent.com/63797719/291721617-c5a2135e-c98a-4e21-a632-5de4590400cb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE2MTctYzVhMjEzNWUtYzk4YS00ZTIxLWE2MzItNWRlNDU5MDQwMGNiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI2YjA3MTc5NTU3NWIyYjYyM2Y5OWJmOWUwMTg5MjVjYjgzODNkZjJmYTk1ZWViYjY5NTQ0MTA5YjQ1ZjI3ZjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.IMjwpD4ZSXJRVqhGi6wBgYzEHFAKYJObMPF9k8xx4fk)
![](https://private-user-images.githubusercontent.com/63797719/291721621-23e3ea79-9745-4e71-8fa8-820c33cd6d92.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE2MjEtMjNlM2VhNzktOTc0NS00ZTcxLThmYTgtODIwYzMzY2Q2ZDkyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYwZTMzNTQ5NTBhNDc3MTZmNWJlMDg5ZmRkNjQ5YjQ3ZjczZTdhOTA1YzIwZjExNWE1ZGYzMjVlMDUzYzRiMGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.O72w0r0uSK7PcCxhYtMx6BB1HXXH_irM9URGaSSLQYE)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-20.at.12.12.49.mp4
![](https://private-user-images.githubusercontent.com/63797719/291721814-3637197a-497d-4c41-b497-89d0da54bef2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE4MTQtMzYzNzE5N2EtNDk3ZC00YzQxLWI0OTctODlkMGRhNTRiZWYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUxYjJmODQ1ZGI2NDI5NzEzNmY2ZmMzMGE2NGE1Y2M3MjMyZjc4MmEwODA0OTZmYjE4NDJkOGFkNThlMzUwNzImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.XCS_nuFlApbWNdxzAOrsCwAb8Nj7R1qm1UPQVwPVCT8)
![](https://private-user-images.githubusercontent.com/63797719/291725362-09d77b44-4035-47f5-a52c-5c62e3419607.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjUzNjItMDlkNzdiNDQtNDAzNS00N2Y1LWE1MmMtNWM2MmUzNDE5NjA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI2NTRlNjUxYzNkNDY2NDJjNTVmMTU5MmEwY2EwZWNlZTM4NmY3OTRkNTMxYzRmYWJiY2Q1MGE1NTEwZGI2MzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.WXuJ2dzTBsVkX4VgeDZriNAViakOV8QqkxSWsccseP0)
![](https://private-user-images.githubusercontent.com/63797719/291721974-211cc87a-ea85-4d17-80d5-876ff31e8055.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE5NzQtMjExY2M4N2EtZWE4NS00ZDE3LTgwZDUtODc2ZmYzMWU4MDU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhOWJjZDkyOGY4ODE0ODRkYTY3YzJkMjc2Nzk5ZDljYmNiNzcyNzIyMTUxYTI3MWJkZWVkZmJjZjdjZDBjOWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.--ba25gGYR_RVc-s2udIMqnV4k1Tkyi2tY7fkOmmWzY)
![](https://private-user-images.githubusercontent.com/63797719/291721971-10ec7bb1-4191-4d3d-9d04-44ec1bfd44c9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE5NzEtMTBlYzdiYjEtNDE5MS00ZDNkLTlkMDQtNDRlYzFiZmQ0NGM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRkMjQyNDc1ZGUxZWU0Mjc1NDRjZGI0MmJjMGNmZTU1NzcwMWYzYWExZTVmM2I4MmRiOTA1MGVlYjJhM2U2MTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0._JiAZ9JfZr0gL-yKTvj2a6gpsk8LMfXjD4WOl-aB2Xg)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.20.55.mp4
![](https://private-user-images.githubusercontent.com/63797719/291722224-61ab7308-c628-4b1e-a688-91413dfc05a9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIyMjQtNjFhYjczMDgtYzYyOC00YjFlLWE2ODgtOTE0MTNkZmMwNWE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMwZDcyYzJmMzJhYjljYzA4Mjc2Zjc2YThkYjFmNmEyMzQ1YTEyYjdjZDRjOTUwMDlkZGFhYzZkYmUyOTQwYWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.wJnDZfvTMewEU6DUb6HIAW-4SOlw2wSD9cGlWXD3-Po)
![](https://private-user-images.githubusercontent.com/63797719/291722226-bc0ffb37-ef2e-4867-bdcb-bdea69569fc6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIyMjYtYmMwZmZiMzctZWYyZS00ODY3LWJkY2ItYmRlYTY5NTY5ZmM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVmZGQ4ZGZmYmNjOTdjYWY3ZGVmZjllODc5YTcxMGJkMGE5OGI3MGQ4ZGM0M2QxMzRlZDY2NTBlYmQ1NzhjOWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.VNB_Pdlwa0HYFsBoPJuVHewgA9MDDGCi77HLZPdu_Uc)
![](https://private-user-images.githubusercontent.com/63797719/291722367-6adb030a-06cf-4b84-8793-00ae308602a8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIzNjctNmFkYjAzMGEtMDZjZi00Yjg0LTg3OTMtMDBhZTMwODYwMmE4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5ZWMzNjgxNTZjMWVjNTA0YjgxZDk3NGMyYjVjMDlkYzgwMjc3OTRiNzQ1YzUzMjljNWQ1OWNlN2ZmYWM1YTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.DOx-v9zQyFP1DwlLCms-AsvC2kKn6v5U8_bP9bLv2z4)
![](https://private-user-images.githubusercontent.com/63797719/291722371-6b903e8d-84b1-45d8-be9c-fa4a56828f83.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIzNzEtNmI5MDNlOGQtODRiMS00NWQ4LWJlOWMtZmE0YTU2ODI4ZjgzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM3MjQ1ZDFlZWFkOTBjOTI0MWM3ZTc0MTdmYWJhZTk1YTVjOTMyNzJmMzRjNmE3YzEzZjI3NWVlODVlMGViYTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.bhjjG3ht-NBIlMApyhNbC5HdFs3V92L1my27uEmfzyE)
![](https://private-user-images.githubusercontent.com/63797719/291722534-f67fe49b-ebf2-4eb7-87fd-fb513c532aeb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI1MzQtZjY3ZmU0OWItZWJmMi00ZWI3LTg3ZmQtZmI1MTNjNTMyYWViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1OWM1ZTg2ZDFjNmNiZGRlMjczNTIyZTk5MDdmMmM4NmUyZGZkNGMwM2U2ZDMwYmZmMTM0MGI5ZDFjNTU1YjQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.GT3bR7pITD_3wq54RfgTebALz2FBdoSSy3Ufbsyb2HA)
![](https://private-user-images.githubusercontent.com/63797719/291722536-cf812c7b-f001-4426-8834-69335c10327b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI1MzYtY2Y4MTJjN2ItZjAwMS00NDI2LTg4MzQtNjkzMzVjMTAzMjdiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY3MmRiMzU4ODhlYjM3NzlkZDA5Y2E0MzhmNjk0YTkzYzZmODcxNDA1N2I5MWUxOTM5NWUzNzMyMzk4ZGY2ODcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.YuBx9OUX2wFEuaWLKbdDPybn5NsgONocveSgR1SunxI)
![](https://private-user-images.githubusercontent.com/63797719/291722766-1580db11-d56d-4dab-ab2b-74abe7846144.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI3NjYtMTU4MGRiMTEtZDU2ZC00ZGFiLWFiMmItNzRhYmU3ODQ2MTQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIwNzI3OWE5ZmJlNmNhYzhhM2U5OGFkMzY2NTkyNzJjZWYyNmI2NjQ0OWFkZDA1MzM5ZjJkMGQ1OGRlNmJmNWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.d5b1FQYKH87F_yv93jaHqVWpxr9Uj9HETjq5ArSTAtw)
![](https://private-user-images.githubusercontent.com/63797719/291722768-82806abe-c27d-4b09-a119-bd1f3e0cc720.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI3NjgtODI4MDZhYmUtYzI3ZC00YjA5LWExMTktYmQxZjNlMGNjNzIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3OGY2MzYyZTE2ZDc3YjA5ZGY5NzhmYTUwY2Y5MzE2NjU4OTA4YjQ2ZWE0MWEwYjU4MGQ3MGMxMjViZDhhYjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.BHWGG6d-h5UmMP0SAd4BhoewxIYMPTJ3IZceD0M75A8)
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
![](https://private-user-images.githubusercontent.com/63797719/291722953-4e59752a-5751-4644-88ab-c30d336c961d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI5NTMtNGU1OTc1MmEtNTc1MS00NjQ0LTg4YWItYzMwZDMzNmM5NjFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFmOTA0NTkxYzQxMDQ2MTJiNDYzOWZhYTUxZWY5MzU0MTQ1Y2FlZDhiYTQyZjUwZGU1ZmQxYmU1MjNmMGEyOWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.u41Ki6vKPkEPY7IWqESGJXfRqND-in5GKg8i9Oj_mvQ)
![](https://private-user-images.githubusercontent.com/63797719/291722951-54273fc2-36a8-4942-949c-91f36ee55334.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI5NTEtNTQyNzNmYzItMzZhOC00OTQyLTk0OWMtOTFmMzZlZTU1MzM0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdhNjhkOTM5ODU2Yzc0MzA5YmQyM2IxNzZmNzg3YjVmOWNhMzY2MmFiODY0YjBjYjBmNzk1ZGViMjU0ZDQxMmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.5XgmBxwBKXOisiZjNw8q73r9vP--aCrAb5Rjs9nRxLU)
(soon)
(soon)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.13.55.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.14.53.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.51.44.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-21.at.20.52.24.mp4
![](https://private-user-images.githubusercontent.com/63797719/291723241-1d7fce13-6e69-4e69-8877-d52565b4c2ae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjMyNDEtMWQ3ZmNlMTMtNmU2OS00ZTY5LTg4NzctZDUyNTY1YjRjMmFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxOTEwZDMwM2M1MGI0YWQxMTkwNGY4ZDhhMTBhNTBiMWYwMzQ5ZjJjNjU4MGYxZTg4YWJlM2MyYjkxOGVhYWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.QKHDtlGIhH-dUp6NF5vJnVJ_sI7iMutol7j3jlCBu4c)
![](https://private-user-images.githubusercontent.com/63797719/291725754-ef247506-4ab3-4aff-9288-8508993c8bfe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjU3NTQtZWYyNDc1MDYtNGFiMy00YWZmLTkyODgtODUwODk5M2M4YmZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE2ZDFlNmI2ZDc0ODk3OGM0ZWRmMmM3MjhjYTM5ZmJhN2U3ZjU3ZGE2ZjI3OTkyZWZhMWI1Yzk2NDhlZGU3NzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.ZGLTExVYcrBlV3t5zU6HBH0KUTbi6X9cghRry5LjhTE)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.15.47.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.16.49.mp4
![](https://private-user-images.githubusercontent.com/63797719/291723357-60b9f622-d150-489f-bc0b-fe35b9dc1624.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjMzNTctNjBiOWY2MjItZDE1MC00ODlmLWJjMGItZmUzNWI5ZGMxNjI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE4MmU2YmY5MjVjOTJlY2Q4ZGQ2YTNhYTBhZTI5MWNiYmQ5Y2U0Y2Y0NDE2ODhmNzNjMDcxNzZiN2I2ODRlOTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.8QpFSdGM5qi-XXkSHSK81v2qJmJfLyVeeDno1H-ZVwM)
![](https://private-user-images.githubusercontent.com/63797719/291725654-a86829b2-d617-4182-9af1-12eab14a1fc0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjU2NTQtYTg2ODI5YjItZDYxNy00MTgyLTlhZjEtMTJlYWIxNGExZmMwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAzZmE3OTJiNjZiNzk2M2FiNjU2YThjZTZjMWM3YmMxYzMzN2NlNjQzMzBlNGI4NTQwMzA3OTdjNjZkYWQ0NjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.DMGeLEnd7HBaViSAuvf2ekmYfrSGeRuetb6DnQRFzFs)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-26.at.12.23.51.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.16.18.01.mp4
![](https://private-user-images.githubusercontent.com/63797719/291723538-31197419-295b-4c12-9f19-b5f9b28f5814.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjM1MzgtMzExOTc0MTktMjk1Yi00YzEyLTlmMTktYjVmOWIyOGY1ODE0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkwNjNmNGM4YjJkNjc2MTI3OTkzNmNlYWRmMzBhNGNlNDFhNDQzZWRiY2RmNjgxZGI5Y2QwOWJlODQ5ZWIzZDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.ekm-pukpzcz4gZTBS2UNJkOSXrtujSpbY0E8-LSbbXY)
![](https://private-user-images.githubusercontent.com/63797719/291723536-82e1de9f-37ba-449e-a108-1b29d23adb41.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjM1MzYtODJlMWRlOWYtMzdiYS00NDllLWExMDgtMWIyOWQyM2FkYjQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM0MGM3YTIxYWVlZDZjZTM5NmQ5ZTdlYWI2ZmQ1YjQ5ZDMxYzZmNDAxNGNhNmZiMDMzYzJhZmExZjg0YmY0Y2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.2WTN4ahxwrLsG8xLAdb8u34H_FB2VANRDEVJ3we3kl4)
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.17.59.46.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-19.at.17.17.54.mp4
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-12-23.at.11.56.33.mp4
![](https://private-user-images.githubusercontent.com/63797719/292576215-9b126131-dbac-4f96-8f3f-ae61afa9c607.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTI1NzYyMTUtOWIxMjYxMzEtZGJhYy00Zjk2LThmM2YtYWU2MWFmYTljNjA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzYjJkYjYzYWIyNTNkYzRmODM0ODc5YmU5OTRjMDg3MzhmN2Q4NWIxNjUwZWJhYjZmYTg2MWY1N2RjZjgyNWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.eoUMahQQvsMyUgKEa_LDfSZoPbwaYjvxdPx8jAa38-0)
![](https://private-user-images.githubusercontent.com/63797719/292576278-1c60edbb-c64d-4e5d-83a7-8d13c599e6b3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTc2ODksIm5iZiI6MTczOTkxNzM4OSwicGF0aCI6Ii82Mzc5NzcxOS8yOTI1NzYyNzgtMWM2MGVkYmItYzY0ZC00ZTVkLTgzYTctOGQxM2M1OTllNmIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDIyMjMwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhOWYxNzkzZjlmNzdhNzlkMDhhNzFlY2RhYjRhYzE5MWVkNjhmMmZmMWI1NzEzNjg3NDFiOTY1YmI4MmIyNjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.mnrJfFT2BVpWttBJBdC6v8qvZ-G6IVoV0Yo90GkXM10)
- Make accessible components for React-Native applications that can be copy/pasted
- Will require additional libraries (and list libraries per component)
- Most components to be compatible with Expo Go, while others will require expo-dev-client
- Might offer alternatives for components that cannot be used in Expo Go
- Focused on mobile development, for web components you can use ui by shadcn. Here's a great example: https://github.com/EvanBacon/expo-shadcn-ui-demo and a combined example: https://github.com/EvanBacon/expo-router-better-web-drawers-example
- Standardize components API (ex: value/set value, root component props VS sub-components props)