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 section you need?

Tell us what you're building. We'll add the section, generate it across all four stack variants (Tailwind v3/v4 × Radix/Base UI), and ship it within 48 hours.

Free. Open source. Yours to keep.

Request a component on Twitter or open a GitHub issue