{"id":13479080,"url":"https://github.com/Mobilecn-UI/nativecn-ui","last_synced_at":"2025-03-27T09:30:36.015Z","repository":{"id":196434126,"uuid":"696102834","full_name":"Mobilecn-UI/nativecn-ui","owner":"Mobilecn-UI","description":"Beautiful and customizable React Native components","archived":false,"fork":false,"pushed_at":"2024-09-08T01:33:01.000Z","size":5959,"stargazers_count":970,"open_issues_count":15,"forks_count":51,"subscribers_count":15,"default_branch":"main","last_synced_at":"2024-10-25T01:26:29.262Z","etag":null,"topics":["expo","react-native","shadcn-ui","tailwindcss","ui"],"latest_commit_sha":null,"homepage":"https://nativecn.mintlify.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mobilecn-UI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-25T05:00:20.000Z","updated_at":"2024-10-24T14:15:37.000Z","dependencies_parsed_at":"2023-12-24T15:41:06.691Z","dependency_job_id":"b2adab31-9c7c-4574-9e37-d307eeb19aed","html_url":"https://github.com/Mobilecn-UI/nativecn-ui","commit_stats":{"total_commits":136,"total_committers":9,"mean_commits":15.11111111111111,"dds":"0.49264705882352944","last_synced_commit":"62a224b1d0e756e9e6fd924091c5d7660484fdaf"},"previous_names":["swiftcn-ui/nativecn-ui","mobilecn-ui/nativecn-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilecn-UI%2Fnativecn-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilecn-UI%2Fnativecn-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilecn-UI%2Fnativecn-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilecn-UI%2Fnativecn-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mobilecn-UI","download_url":"https://codeload.github.com/Mobilecn-UI/nativecn-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222222192,"owners_count":16951399,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expo","react-native","shadcn-ui","tailwindcss","ui"],"created_at":"2024-07-31T16:02:08.949Z","updated_at":"2024-10-30T12:31:32.367Z","avatar_url":"https://github.com/Mobilecn-UI.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Ports","Components \u0026 Libraries"],"sub_categories":["Portfolios"],"readme":"# nativecn-ui\n\nBeautiful and customizable React Native components, inspired by [shadcn-ui](https://github.com/shadcn-ui/ui). Built-in dark mode, CSS variables, and NativeWind support.\n\n|               Dark mode               |               Light mode               |\n| :-----------------------------------: | :------------------------------------: |\n| ![](assets/examples/example-dark.png) | ![](assets/examples/example-light.png) |\n\n## Usage\n\n### I have an Expo project, how do I get started?\n\nFirst, initialize nativecn from your project's root directory.\n\n```bash\nnpx nativecn-ui init\n```\n\nThen, you can start adding components.\n\n```bash\nnpx nativecn-ui add Avatar\n```\n\n\u003e **Tip**: run `npx nativecn-ui add -a` to add all components.\n\n### How do I run this locally?\n\n```bash\n# Clone the repo\ngit clone git@github.com:Mobilecn-UI/nativecn-ui.git\ncd nativecn-ui\n\n# Install deps\nyarn\n\n# Run it with Expo\nyarn start\n```\n\n## Components\n\n- [x] [Avatar](components/Avatar.tsx)\n- [x] [Badge](components/Badge.tsx)\n- [x] [Button](components/Button.tsx)\n- [x] [Card](components/Card.tsx)\n- [x] [Checkbox](components/Checkbox.tsx)\n- [x] [Dialog](components/Dialog.tsx)\n- [x] [Input](components/Input.tsx)\n- [x] [Progress](components/Progress.tsx)\n- [x] [Radio Group](components/RadioGroup.tsx)\n- [x] [Skeleton](components/Skeleton.tsx)\n- [x] [Switch](components/Switch.tsx)\n- [x] [Tabs](components/Tabs.tsx)\n- [x] [Toast](components/Toast.tsx)\n- [x] [Dropdown](components/DropDown.tsx)\n- [x] [Select](components/Select.tsx)\n- [ ] Alert (WIP)\n- [ ] Form (WIP)\n\n## Contributing\n\nCheck out the [contributing guide](https://github.com/Mobilecn-UI/nativecn-ui/blob/main/CONTRIBUTING.md)\n\n## License\n\nDistributed under the [MIT license](https://github.com/Mobilecn-UI/nativecn-ui/blob/main/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMobilecn-UI%2Fnativecn-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMobilecn-UI%2Fnativecn-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMobilecn-UI%2Fnativecn-ui/lists"}