Installation

Add SSICEVS UI components to your project.

Copy-paste React components

A copy-paste component library. Add a component with the CLI, or install the dependencies and paste the source from each component's Code tab.

Add a component via CLI

$ npx shadcn@latest add https://www.ssicevs.com/r/accordion.json

Swap accordion for any component slug — each page shows its own command in its Code tab. Run npx shadcn@latest init first if your project isn't set up for shadcn yet.

Vite: before init, add the @/* alias to both tsconfigs + resolve.alias, and install @types/node.

The card family, bento-gallery, and cutout-card are locked — sign in to copy their full source.

Or install dependencies manually

$ npm install motion @phosphor-icons/react clsx tailwind-merge metal-fx

Add the cn helper

Create src/lib/utils.ts:

import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

The CLI reads a shadcn registry at www.ssicevs.com/r — one JSON per component, regenerated on each npm run registry:build.