Craft components.
Customize endlessly, Integrate effortlessly.
Initialize.
Start by initializing components by running the following command.
Terminal
npx ruru-ui-cli@latest init ┌ 🚀 Welcome to the installation wizard! │ ◇ Would you like to use TypeScript (recommended)? │ Yes │ ◇ Where is your global CSS file? │ ./app/globals.css │ ◇ Where is your tailwind.config.js located? │ ./tailwind.config.ts │ ◆ Would you like to use CSS variables for colors? └ ● Yes / ○ No
This will start the installation wizard for Ruru UI.
Add components.
Add components to your project by running the following command.
Terminal
npx ruru-ui-cli@latest add ◆ Which components would you like to add? │ ◻ avatar │ ◻ badge │ ◼ button │ ◻ checkbox │ ◼ input │ ◼ select │ ◻ spinner │ ◻ switch │ ◼ tabs │ ◼ textarea │ ◻ tooltip └ ◼ modal ⠙ Installing components... ✔ Done.
Use components.
costomize and integrate components in your project. 🚀
button.tsx
tabs.tsx
dialog.tsx
...
Loved by users.
Built for developers.
Customizable
Animation
CLI
Hooks
Blocks
Library support
Theming
Tailwind
RSC
Made Possible by You.
Ruru UI is 100% powered by passion and open source community.
Some of our best contributors.
