@rhino-ui is an open-source collection of frontend libraries born from the need to eliminate repetitive boilerplate when creating UI interfaces. By providing a set of ready-to-use components and hooks, it helps developers streamline their workflow, reduce redundancy, and focus on building unique user experiences.
Here are a few reasons why @rhino-ui stands out:
-
Eliminate Repetition: @rhino-ui reduces the need to write the same boilerplate code over and over, saving time and reducing potential errors.
-
Simplicity: The core components and hooks are designed to be intuitive and easy to use, allowing you to focus on creating unique user experiences rather than dealing with complex setup.
-
Efficiency: With @rhino-ui, you can significantly reduce development time. The libraries provide a comprehensive set of tools that work seamlessly together, streamlining the development process from concept to deployment.
@rhino-ui offers two packages:
The Core package @rhino-ui/core is a React component library built on top of shadcn/ui. It offers a wide range of reusable UI components that eliminate the need for repetitive boilerplate code, accelerating frontend development while maintaining consistency and quality across applications.
The Hooks package @rhino-ui/hooks provides a collection of reusable React hooks that simplify state management and side effects in your applications, further reducing repetitive code and streamlining your development process.
Contributions to @rhino-ui are welcome! ✅
@rhino-ui uses pnpm—a performant npm package manager integrated into its pnpm workspace. This optimizes package installation and dependency management. To install pnpm, follow this guide.
Whether you're fixing a bug or adding a new feature, please see our Contributing Guidelines for details on how to contribute to @rhino-ui and participate in our community.
When raising an issue:
- Ensure the issue hasn't been raised yet.
- Tag the issue accordingly using your best judgment. Do NOT create new tags. If you feel a new one is needed, mention it in your issue.
- If your issue is a bug, include screenshots or videos whenever necessary (especially if the issue is visual in nature).
- Provide steps to reproduce the issue or link to a reproducible example, such as a CodeSandbox. Include additional details like device, OS, browser, and browser version.
@rhino-ui is licensed under the MIT License