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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE2MTctYzVhMjEzNWUtYzk4YS00ZTIxLWE2MzItNWRlNDU5MDQwMGNiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM1MGIxNTUwZWFmZDg0NTZhMGIyZjczYzc4YzMyY2YyNmJlMGNmOGUzZGRmZmJjYWRhMzRlYzYyMDk5OTgxZDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.vqnP8wL5gWD87Cj6V_lRIBACSIiNl-5PhN-MLdDYPNk)
![](https://private-user-images.githubusercontent.com/63797719/291721621-23e3ea79-9745-4e71-8fa8-820c33cd6d92.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE2MjEtMjNlM2VhNzktOTc0NS00ZTcxLThmYTgtODIwYzMzY2Q2ZDkyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM0ZTExY2MwZTI4ODE3NzNmMWEwMGU1ZThkNzY5OTE0Njg2OTQ3OGZhYWNkOWE3ZTE1M2YzMjk4OGRkM2E2MjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.KobONYo7gqfUPT6lP_RZFhLCdePv8mHApPwHe4PqiiY)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE4MTQtMzYzNzE5N2EtNDk3ZC00YzQxLWI0OTctODlkMGRhNTRiZWYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIzNmZjYTRmM2U1MTVjNzI2Nzg5ZWViZmE3MDMyNmI0ZGZmMTVlMzU3YmI4MzU4ODAyMGIxYTBjOTE4MzdlNzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.v9vg4HVINi5kz7LZreYnzHAHfv7bR60CQdaGhkPIooM)
![](https://private-user-images.githubusercontent.com/63797719/291725362-09d77b44-4035-47f5-a52c-5c62e3419607.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjUzNjItMDlkNzdiNDQtNDAzNS00N2Y1LWE1MmMtNWM2MmUzNDE5NjA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2MWYzY2IyOTY0MmQ4Y2FlNTIxMDExMjQxMWEyNjdkNDM2ODgwOTgwYTEwMGYyMzAwNDg4M2Q3MzBiNmRkZDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UvRltAihMnVRPlIF1nlPOJ2gkpMujNRRUpOvuCH-0IY)
![](https://private-user-images.githubusercontent.com/63797719/291721974-211cc87a-ea85-4d17-80d5-876ff31e8055.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE5NzQtMjExY2M4N2EtZWE4NS00ZDE3LTgwZDUtODc2ZmYzMWU4MDU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNhMGY5ZjVjMjM5NjA2MzdkOTI4ZWE3ZWQ0YTdhYWZlNGU2M2FhMTcyYzk4OTFlODJlOGQ5ZTAyOTZkODE1NmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yxpS-GhLjdMDGa_qhD5GQEgt7R-ey_Frouu5MjHMT9g)
![](https://private-user-images.githubusercontent.com/63797719/291721971-10ec7bb1-4191-4d3d-9d04-44ec1bfd44c9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjE5NzEtMTBlYzdiYjEtNDE5MS00ZDNkLTlkMDQtNDRlYzFiZmQ0NGM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIyMDA3Y2Q3YWUwMGYyNTc1Y2Q4MDUxODI2OTYzZmIzNzExODNjZDgzOTZlZjBiZTFiMGIyNmU5YTdkMjFhYzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.FM2s2iGo3aT81XWkHjJElDbV-nQhshC10BTGf99Wc4E)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIyMjQtNjFhYjczMDgtYzYyOC00YjFlLWE2ODgtOTE0MTNkZmMwNWE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJiYTFmYmMwMmU3NGQ5ZmQyOGM0NGVhYTJkMTFlYzdmMTIyZGY5NzQ4NDJkZjE3MDFjMTVhNjlhYjAwOGJmMjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.haN3Our5hlEnDqaZyWLzTZ_3HIiE8fGFcp1vJzdPvfs)
![](https://private-user-images.githubusercontent.com/63797719/291722226-bc0ffb37-ef2e-4867-bdcb-bdea69569fc6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIyMjYtYmMwZmZiMzctZWYyZS00ODY3LWJkY2ItYmRlYTY5NTY5ZmM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNmYTNhOTgxZGZhNmUxYWQ5YTQwMWM4MTY0NDc0ODc1ZmJkYjNjZGQyMjc1MTM1ZjMyN2NjYTI0OTNjNDA4NzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.8PScH9PuhM9AsN_KHdfPvwIDdNNoKj5hCf_Rn7K5uuw)
![](https://private-user-images.githubusercontent.com/63797719/291722367-6adb030a-06cf-4b84-8793-00ae308602a8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIzNjctNmFkYjAzMGEtMDZjZi00Yjg0LTg3OTMtMDBhZTMwODYwMmE4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThhYzMwM2ZjMDQxMGQ2ZTIxMDg2MTA1NWQwMDBkYTFiMzM2NmIyNDk2ZWY5MjQ1YWM5MDViYmVmM2U4NGUxMTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.1Q8p4FqAO_WaKmb5sK2v7bE_xxWPRpnGOsOcXn9Cp2g)
![](https://private-user-images.githubusercontent.com/63797719/291722371-6b903e8d-84b1-45d8-be9c-fa4a56828f83.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjIzNzEtNmI5MDNlOGQtODRiMS00NWQ4LWJlOWMtZmE0YTU2ODI4ZjgzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ1Y2FiZDk4OGUzZjU0YzZjNjkxMGMxNzU1YTEzMzk4ZTRjZWFjMmM3MGE5ZDVlMDhjZDk1ZmQyMDVkMzZkMDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.e36FB-J0dXlA-VKouHPfkrqgM-DoMEWaDb7v0C1iGbs)
![](https://private-user-images.githubusercontent.com/63797719/291722534-f67fe49b-ebf2-4eb7-87fd-fb513c532aeb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI1MzQtZjY3ZmU0OWItZWJmMi00ZWI3LTg3ZmQtZmI1MTNjNTMyYWViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU4MDZhOTk1YmFiMzc4OWY3MjVkMjM4ZTAzZjVhNDVlODllNzExMTM5ZDlhZjc2YzhiNWU4N2IzNzlmMmJmOWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.G5zyIIBw0BpuB83fHq1xQlT3y7G0BYIlI21-r8ACkNA)
![](https://private-user-images.githubusercontent.com/63797719/291722536-cf812c7b-f001-4426-8834-69335c10327b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI1MzYtY2Y4MTJjN2ItZjAwMS00NDI2LTg4MzQtNjkzMzVjMTAzMjdiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM4YTgzNGQxN2JkYTdkNTY3MDhhMmQ2ZTI0OTdlN2Y0Nzg5YTJlMDYyY2ExZGY3NTFjY2VjNjNmMGZkMGYyODQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wg3RWjVh_7-YOyR71-7NCBgiZgj_aISF4jaZPR4yuJs)
![](https://private-user-images.githubusercontent.com/63797719/291722766-1580db11-d56d-4dab-ab2b-74abe7846144.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI3NjYtMTU4MGRiMTEtZDU2ZC00ZGFiLWFiMmItNzRhYmU3ODQ2MTQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5MTAyNDg1NTQzOThlZjRhNjExZjZiNmY2NmY5ZjQwZjMwM2ZiMmNhYjg3NGM5ZjI3N2ViNjlmNTFlMjJhYzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.81aTibDyf1gARTazuJGFe1OTjFFNG2S-m4-T8NfPaGY)
![](https://private-user-images.githubusercontent.com/63797719/291722768-82806abe-c27d-4b09-a119-bd1f3e0cc720.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI3NjgtODI4MDZhYmUtYzI3ZC00YjA5LWExMTktYmQxZjNlMGNjNzIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwODI1ZDUzM2IzY2IxOWU3MjY5N2Y5YmM2YmJkNDY4OTA2MDQ3Yjc1YzA5ZTRiZTFmMjUwM2EwZGRiNGE3NWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GMaFuGA2PsO2bMzllkSZOA9aVlfmiayqIUmKtFQ1AlU)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI5NTMtNGU1OTc1MmEtNTc1MS00NjQ0LTg4YWItYzMwZDMzNmM5NjFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVmMGY2ZmUzZTljZjRmYjhmZGM1M2M1ODI1ZmFkYmZlYzAxMDM0MTU3ZjhkNzk5ZmUxMDA4ODRhZTJhZGY4OTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.w2LGOE-ln7W09sF5VVt_ALlBh73gE7Yq7bTXmZVXusE)
![](https://private-user-images.githubusercontent.com/63797719/291722951-54273fc2-36a8-4942-949c-91f36ee55334.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjI5NTEtNTQyNzNmYzItMzZhOC00OTQyLTk0OWMtOTFmMzZlZTU1MzM0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ1NDkzNzI0ODY5N2M3ZjUwZDAzYjllYjM1MTMyYTNjYmQ5YjAwZWJlNmQ5MzUzODQ1Y2NjNDk3YTZhYzU0OTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.K5wWpwh0DL0sGAjVMu9rTf88jpLItMlCQHWKO9_RGBI)
(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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjMyNDEtMWQ3ZmNlMTMtNmU2OS00ZTY5LTg4NzctZDUyNTY1YjRjMmFlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMwYjUyZTM3MjkwMDUxYTM0Y2Q2OWJmMjg0NjBkNTVhNGI2MTNjMTMyZjU4OTBkNjVlMGFiNzk1MmNiZDc4NjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.a23IQIHAdepfCPjOZj0KO8O3RzhUffP4vPAiIr4d63U)
![](https://private-user-images.githubusercontent.com/63797719/291725754-ef247506-4ab3-4aff-9288-8508993c8bfe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjU3NTQtZWYyNDc1MDYtNGFiMy00YWZmLTkyODgtODUwODk5M2M4YmZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxMTZlOGQ2MGU0Yjk1NzZkYTIyZjBjZTA3MzRhNDhmYjJkODcwMjZkYjczNGM3OWU5Y2Q2ODI1NGU5OGFmZmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.I1jxse_Nsx8QEVWR7qPRvcp-n6fmhjL7FYfJwXEDP-c)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjMzNTctNjBiOWY2MjItZDE1MC00ODlmLWJjMGItZmUzNWI5ZGMxNjI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRmMTMzMDk5YTYwMjcxYWQwZTU2NmExNWNiMGZlMGU0ZWIyOGU4ZDFmZTdlYjQxZTliZDIxZmI5ODM5M2UyZWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.gU7bjzkNIyoGMiHErZVdUUpN4RxbzTaH0x31W2Wihtw)
![](https://private-user-images.githubusercontent.com/63797719/291725654-a86829b2-d617-4182-9af1-12eab14a1fc0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjU2NTQtYTg2ODI5YjItZDYxNy00MTgyLTlhZjEtMTJlYWIxNGExZmMwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzNWM3MjY4MDhjYTNkNWFkMGZjZTY1ODc2MGRkNmJjMzIyZjVkMDFmZjE1ZWFmMDg1NzA3ZmFiMDFkNTY5NDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.9xR50ccR324nJnDOOSt-r2_s5HskU4P7DnJQOIYFVVU)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjM1MzgtMzExOTc0MTktMjk1Yi00YzEyLTlmMTktYjVmOWIyOGY1ODE0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM5YzNiNDRkMTI1MmUyZDQwYjQ1OGIwYWRkOTczYWMzYmE5MTExNWZhZWMwY2U2NmNkZTQ3NWQ4ZTNmOWY5NGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZCNqNNos2W-z3STRKZVshSRxjIu6AKitc5udHSeu_Ig)
![](https://private-user-images.githubusercontent.com/63797719/291723536-82e1de9f-37ba-449e-a108-1b29d23adb41.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTE3MjM1MzYtODJlMWRlOWYtMzdiYS00NDllLWExMDgtMWIyOWQyM2FkYjQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTExNmYyZWYyMzkyYWRlZjlhYjA1MTlmY2VhYmNkNmMyYmU0MzY3NzE0ZDg4ZTljMjIxOTYyNWZjYTU3ZWM2Y2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.jAiFA6t-HyFekqZ9zzuP5_gB8JmwX6xaiis3z10csho)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTI1NzYyMTUtOWIxMjYxMzEtZGJhYy00Zjk2LThmM2YtYWU2MWFmYTljNjA3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZjNDVjNGNlZjdhMjg2NTZhM2E5ZDc5MmQyYjJlMzZiMzUxYjhhYTBlYmQxMzJlNTNlZGJiZThhZjdhMWU2OTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.x4s32Wcve4BdrRBq8xYMPIjHu3oiUbbEmJpap2UZMLE)
![](https://private-user-images.githubusercontent.com/63797719/292576278-1c60edbb-c64d-4e5d-83a7-8d13c599e6b3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMTE0NzEsIm5iZiI6MTcyNDAxMTE3MSwicGF0aCI6Ii82Mzc5NzcxOS8yOTI1NzYyNzgtMWM2MGVkYmItYzY0ZC00ZTVkLTgzYTctOGQxM2M1OTllNmIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE5NTkzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNkMDdlNmZiYjg2NWNjN2MzYzZiNjMwMzFhZjgxMjAzNjljYzMyYzYxNTY2MWM5Y2MwZmE1YTU4MzJmMDA5OGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cSH8IN6tbe7VJGZmYibQxV8FtJkwOsgk2CDas-vK8ro)
- 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)