Installation

Follow these simple steps to integrate Ruixen UI into your project and get started building sleek, scalable interfaces.

Install Ruixen UI

Run the following command to install Ruixen UI and set up your project:

npx ruixen-ui@latest init

Add New Components

Easily add any component to your project with a single command:

npx ruixen-ui@latest add [component-name]

Use a Component

After adding, components are available under `components/ruixen`. Here's an example:

import Button from './components/ruixen/Button';
export default function Page() {
  return <Button label="Click Me" />;
}

List Available Components

See all available components with this command:

npx ruixen-ui@latest list

Component Library Example

Ruixen UI offers a growing library of production-ready components:

Available components:
✔ Button
✔ Card
✔ Navbar
✔ Sidebar
✔ HeroSection
✔ FeatureGrid
✔ TestimonialSlider
✔ Modal
✔ Footer
✔ PricingTable
✔ FAQ
✔ ContactForm