- What is Rhinolabs UI Toolkit
- Why Rhinolabs UI Toolkit?
- Packages
- How to Contribute
- How to Raise an Issue
- License
Rhinolabs UI Toolkit 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 Rhinolabs UI Toolkit stands out:
-
Eliminate Repetition: Our toolkit reduces the need to write the same boilerplate code over and over, saving time and reducing potential errors.
-
Simplicity: The 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 Rhinolabs UI Toolkit, 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.
Rhinolabs UI Toolkit offers two packages:
The UI package @rhinolabs/ui 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 React Hooks package @rhinolabs/react-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 Rhinolabs UI Toolkit are welcome! ✅
Our toolkit 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 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.
Rhinolabs UI Toolkit is licensed under the MIT License