Installation

You can install Collective Creation UI components into any project that uses React, TypeScript, and Tailwind CSS.

Prerequisites

• A React project with TypeScript
• Tailwind CSS 4+ configured
• The cn() utility function (from shadcn/ui or clsx + tailwind-merge)

Install a component

Use the shadcn CLI to install components directly from this registry:

Manual installation

If you prefer not to use the CLI, you can manually copy component files from the GitHub repository.

1. Find the component you want in the registry/new-york/ directory.
2. Copy the component files into your project.
3. Install any required dependencies listed in the component docs.
4. Import and use the component.

Framework-specific notes

TanStack Start / Vite

This site is built with TanStack Start. The components work out of the box with Vite-based projects. Ensure your tsconfig.json has path aliases configured:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

Next.js

Components are compatible with Next.js App Router and Pages Router. No additional configuration is required beyond your standard shadcn/ui setup.

Other frameworks

Any framework that supports React, TypeScript, and Tailwind CSS should work. The components use standard React hooks and do not depend on framework-specific features.