Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Command Palette

Search for a command to run...

Docs
Installation

Installation

How to install dependencies and structure your app.

Create project

Run the init command to create a new Next.js project or to setup an existing one:

Add components

You can now start adding components to your project.

Import and use

The command copies the component source into your project. Import it directly:

import { InvertTabs } from "@/components/ruixen/invert-tabs";
 
export default function Demo() {
  return <InvertTabs />;
}

Can't find the component you need?

Tell us what you're building. We'll design-engineer it with spring physics, audio feedback, and proper interaction design — and ship it within 48 hours.

Free. Open source. Yours to keep.

Request a component on Twitter or open a GitHub issue