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.