RhinoUI is an open-source frontend library designed to make integrating UI components into your projects as straightforward as possible. Offering components, design tokens, and React hooks, it equips developers with everything needed to create modern, efficient, and cohesive user interfaces. Explore RhinoUI and discover how it can streamline and enhance your development process!
Choosing RhinoUI for your project means opting for simplicity, efficiency, and innovation. Here are a few reasons why RhinoUI stands out:
-
Simplicity: RhinoUI's components are designed to be intuitive and easy to use, allowing you to focus more on creating unique user experiences rather than wrestling with complex code.
-
Efficiency: With RhinoUI, you can significantly reduce development time. Our library provides a comprehensive set of tools that work seamlessly together, streamlining the development process from concept to deployment.
-
Consistency: Ensuring a consistent look and feel across your application can be challenging. RhinoUI's design tokens and components help maintain uniformity, enhancing the user interface without extra effort.
-
Flexibility: Whether you're building a small application or a large-scale project, RhinoUI's modular design allows you to use only what you need, making your project lightweight and performant.
RhinoUI has two packages:
The Components package @rhino-ui/components is a React component library. It offers a wide range of reusable UI components to accelerate frontend development while maintaining consistency and quality across applications.
The Design Tokens package @rhino-ui/design-tokens provides a central location to store shared attributes of the RhinoUI Design System. These attributes include colors, fonts, spacing, and more. Using Amazon's Style Dictionary, it transforms attributes into usable variables for a variety of platforms.
Contributions to RhinoUI are welcome! ✅
RhinoUI uses pnpm—a performant npm package manager and is 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 RhinoUI and participate in our community.
When raising an issue:
- Make sure the issue hasn't been raised yet.
- Tag issue accordingly using your best judgement. Do NOT create new tags. If you feel a new one is needed, raise it in your issue.
- If your issue is a bug, include screenshots or videos in your issue whenever needed (if issue is visual in nature).
- If your issue is a bug, include steps to reproduce, or link to reproducible issue, e.g.: Code Sandbox or similar. Please also provide any additional details including device, OS, browser, browser version etc.
RhinoUI is licensed under the MIT License