{"id":31252367,"url":"https://github.com/agrawal-rohit/pearl-ui","last_synced_at":"2026-02-28T10:34:44.051Z","repository":{"id":37961377,"uuid":"402680435","full_name":"agrawal-rohit/pearl-ui","owner":"agrawal-rohit","description":"A user-friendly UI library for React Native, offering ready-to-use components, framer-motion-like animations, dark mode, and responsive design. ⚡️","archived":false,"fork":false,"pushed_at":"2024-06-21T14:36:02.000Z","size":10055,"stargazers_count":84,"open_issues_count":8,"forks_count":11,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-08-20T21:36:50.632Z","etag":null,"topics":["accessibility","animations","dark-mode","expo","react-native","responsive-design","ui-components","ui-library"],"latest_commit_sha":null,"homepage":"https://docs.pearl-ui.dev/","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/agrawal-rohit.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":"FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":"agrawal-rohit"}},"created_at":"2021-09-03T07:13:14.000Z","updated_at":"2025-06-13T23:57:04.000Z","dependencies_parsed_at":"2024-01-07T04:24:00.422Z","dependency_job_id":"ac7c0f1a-c28e-4277-8680-dfacdf4e5339","html_url":"https://github.com/agrawal-rohit/pearl-ui","commit_stats":{"total_commits":526,"total_committers":6,"mean_commits":87.66666666666667,"dds":"0.31749049429657794","last_synced_commit":"da2080e0f2fc01df3eda06f2ee37b4b0266530f0"},"previous_names":[],"tags_count":42,"template":false,"template_full_name":null,"purl":"pkg:github/agrawal-rohit/pearl-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrawal-rohit%2Fpearl-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrawal-rohit%2Fpearl-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrawal-rohit%2Fpearl-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrawal-rohit%2Fpearl-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agrawal-rohit","download_url":"https://codeload.github.com/agrawal-rohit/pearl-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrawal-rohit%2Fpearl-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276526915,"owners_count":25657956,"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","status":"online","status_checked_at":"2025-09-23T02:00:09.130Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["accessibility","animations","dark-mode","expo","react-native","responsive-design","ui-components","ui-library"],"created_at":"2025-09-23T06:17:44.855Z","updated_at":"2025-09-23T06:17:46.383Z","avatar_url":"https://github.com/agrawal-rohit.png","language":"TypeScript","funding_links":["https://github.com/sponsors/agrawal-rohit"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://docs.pearl-ui.dev/\"\u003e\n  \u003cimg width=\"346\" alt=\"logo\" src=\"https://user-images.githubusercontent.com/29514438/133960518-569428c5-fe04-4631-b20e-5935a4c93914.png\"\u003e\n\u003c/a\u003e\n\n\u003cbr /\u003e\u003cbr /\u003e\n\n\u003cp align=\"center\" style=\"width: 80%; margin: auto\"\u003e\n\u003cimg alt=\"GitHub Workflow Status\" src=\"https://img.shields.io/github/actions/workflow/status/agrawal-rohit/pearl-ui/Publish.yml\"\u003e\n\u003cimg alt=\"Codacy coverage\" src=\"https://img.shields.io/codacy/coverage/d0c9aeda98434aa4adfa8446823aead4\"\u003e\n\u003cimg alt=\"npm\" src=\"https://img.shields.io/npm/dw/pearl-ui\"\u003e\n\u003cimg alt=\"Codacy grade\" src=\"https://img.shields.io/codacy/grade/d0c9aeda98434aa4adfa8446823aead4\"\u003e\n\u003cimg alt=\"Licence\" src=\"https://img.shields.io/github/license/agrawal-rohit/pearl-ui\"\u003e \n\u003c/p\u003e\n\n\u003ch4\u003eBuild consistent cross-platform mobile apps at \u003cspan style=\"color: #6356e5\"\u003elightning speed\u003c/span\u003e\u003c/h4\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://docs.pearl-ui.dev/docs/overview/getting-started/introduction\" target=\"_blank\"\u003eGetting Started\u003c/a\u003e •\n\u003ca href=\"https://snack.expo.dev/@agrawal-rohit/pearl-ui---showcase?platform=web\" target=\"_blank\"\u003eDemo\u003c/a\u003e •\n\u003ca href=\"https://docs.pearl-ui.dev/docs/overview/getting-started/installation\" target=\"_blank\"\u003eInstallation\u003c/a\u003e •\n\u003ca href=\"https://docs.pearl-ui.dev\" target=\"_blank\"\u003eDocumentation\u003c/a\u003e\n\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003c/div\u003e\n\n\u003cp\u003e\nPearl UI is a user-friendly UI library for React Native, offering ready-to-use components, framer-motion-like animations, dark mode, and responsive design. With its design-first approach and intuitive styling system, Pearl UI greatly enhances developer efficiency, simplifying and accelerating app development.\n\u003c/p\u003e\n\n_(Interested in creating your own NPM library? Check out my [NPM library template](https://github.com/agrawal-rohit/npm-library-template) to kickstart your library development with best practices and integrated tools.)_\n\n## Features\n\nPearl UI is a comprehensive UI library for React Native projects, offering a wide range of features:\n\n- **Open Source and Free** 🆓: Completely open source and free to use.\n- **Universal Compatibility** 🌐: Write once and run on iOS, Android, and Web, thanks to the power of [Expo](https://docs.expo.dev/), [React Native](https://reactnative.dev/), and [React Native for Web](https://necolas.github.io/react-native-web/).\n- **Rich Component Library** 📚: Growing library of built-in components with the flexibility to create custom components as needed.\n- **Theming Control** 🎨: Full control over the theme for a highly customizable UI.\n- **Animation Support** 🎬: Out-of-the-box support for animations using [Moti](https://moti.fyi/).\n- **Dark Mode** 🌙: Dark mode support out-of-the-box, to make it easy to cater to user preferences.\n- **Responsive Design** 📱: Support for responsive design using breakpoints to ensure your application looks great on any device.\n- **Fast Development** ⚡: Speed up your development process with [style props](https://docs.pearl-ui.dev/docs/core-features/style-props).\n- **Accessibility** ♿: Accessible by default, adhering to official Android and Apple guidelines.\n- **Fully Typed** 🦾: Completely types using Typescript to ensure type safety and enhancing developer productivity.\n- **Powerful API** 💪: Powerful API for creating custom components, providing flexibility and control.\n\n## Installation\n\nTo install Pearl UI in your React Native/Expo project directory, execute one of the following commands:\n\n**npm**\n\n```shell\n$ npm install pearl-ui\n```\n\n**yarn**\n\n```shell\n$ yarn add pearl-ui\n```\n\n## Documentation\n\nFor comprehensive usage instructions and API documentation, please visit the [official website](https://docs.pearl-ui.dev/).\n\n## Contributing\n\nContributions from the community as encouraged. For instructions on how to set up the repository locally, build, test, and contribute, please refer to our [CONTRIBUTING.md](./CONTRIBUTING.md) guide.\n\n## License\n\nPearl UI is licensed under the [MIT License](https://github.com/agrawal-rohit/pearl-ui/blob/main/LICENSE).\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://nayanpatel.net\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/79650289?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNayan Patel\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/agrawal-rohit/pearl-ui/commits?author=PatelN123\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/agrawal-rohit/pearl-ui/issues?q=author%3APatelN123\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://yalla.ma\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/198514?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eYounes\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#security-younes200\" title=\"Security\"\u003e🛡️\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagrawal-rohit%2Fpearl-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagrawal-rohit%2Fpearl-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagrawal-rohit%2Fpearl-ui/lists"}