Introduction
Getting started
Re-usable components built using Radix UI and Tailwind CSS.
Installation
Step-by-step guides to setting up your system and installing the library.
Theme Builder
Check out components across different themes
Components
Prebuilt components to help you build your projects faster
Integrations
Integrating Rafty UI with External Libraries
All the components are SSR-ready, accessible, and dark mode-compatible, so you can build your apps on a weekend.
Quick start
Rafty UI is made up of multiple components and tools that you can import one by one.
Installing Rafty UI
To use Rafty UI in your project, run one of the following commands in your terminal:
Setup
For the styling to work in @rafty/ui, you need to make few changes in your tailwind.config.js file.
First, install the @rafty/plugin package as devDependencies
And in your tailwind.config.js file
Exploring Components with Storybook
Explore and experiment with our components in Storybook, an interactive playground where you can experience our UI elements in action.
To access Storybook and delve into the world of our components, visit storybook.rafty.rhinobase.io. There, you'll find a dynamic environment to view, tweak, and understand how each component behaves in various scenarios.
Feel free to play around, experiment with configurations, and get a real feel for the flexibility and versatility of our design elements. We'd love to hear your feedback and thoughts on your Storybook experience!
Connect with us
Whether you're a beginner or advanced Rafty UI user, joining our community is the best way to connect with like-minded people who build great products with the library.
Contributing
Feel like contributing? That's awesome! We have a contributing guide to help guide you.
Join the community
Connect with a vibrant community of developers, and designers on Discord at discord.gg/rhinobase. Share your experiences, exchange insights, and shape the evolution of @rafty/ui.
Follow us on twitter for the latest news @rhinobaseio