https://github.com/agrawal-rohit/pearl-ui
A user-friendly UI library for React Native, offering ready-to-use components, framer-motion-like animations, dark mode, and responsive design. ⚡️
https://github.com/agrawal-rohit/pearl-ui
accessibility animations dark-mode expo react-native responsive-design ui-components ui-library
Last synced: 4 months ago
JSON representation
A user-friendly UI library for React Native, offering ready-to-use components, framer-motion-like animations, dark mode, and responsive design. ⚡️
- Host: GitHub
- URL: https://github.com/agrawal-rohit/pearl-ui
- Owner: agrawal-rohit
- License: mit
- Created: 2021-09-03T07:13:14.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T14:36:02.000Z (almost 2 years ago)
- Last Synced: 2025-08-20T21:36:50.632Z (10 months ago)
- Topics: accessibility, animations, dark-mode, expo, react-native, responsive-design, ui-components, ui-library
- Language: TypeScript
- Homepage: https://docs.pearl-ui.dev/
- Size: 9.59 MB
- Stars: 84
- Watchers: 3
- Forks: 11
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Build consistent cross-platform mobile apps at lightning speed
Pearl 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.
_(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.)_
## Features
Pearl UI is a comprehensive UI library for React Native projects, offering a wide range of features:
- **Open Source and Free** 🆓: Completely open source and free to use.
- **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/).
- **Rich Component Library** 📚: Growing library of built-in components with the flexibility to create custom components as needed.
- **Theming Control** 🎨: Full control over the theme for a highly customizable UI.
- **Animation Support** 🎬: Out-of-the-box support for animations using [Moti](https://moti.fyi/).
- **Dark Mode** 🌙: Dark mode support out-of-the-box, to make it easy to cater to user preferences.
- **Responsive Design** 📱: Support for responsive design using breakpoints to ensure your application looks great on any device.
- **Fast Development** ⚡: Speed up your development process with [style props](https://docs.pearl-ui.dev/docs/core-features/style-props).
- **Accessibility** ♿: Accessible by default, adhering to official Android and Apple guidelines.
- **Fully Typed** 🦾: Completely types using Typescript to ensure type safety and enhancing developer productivity.
- **Powerful API** 💪: Powerful API for creating custom components, providing flexibility and control.
## Installation
To install Pearl UI in your React Native/Expo project directory, execute one of the following commands:
**npm**
```shell
$ npm install pearl-ui
```
**yarn**
```shell
$ yarn add pearl-ui
```
## Documentation
For comprehensive usage instructions and API documentation, please visit the [official website](https://docs.pearl-ui.dev/).
## Contributing
Contributions 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.
## License
Pearl UI is licensed under the [MIT License](https://github.com/agrawal-rohit/pearl-ui/blob/main/LICENSE).
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
