Installation

How to use Star UI components in your project.

Dependencies

pnpm add motion react-use-measure

Tailwind CSS

All the components are built with Tailwind CSS v4, you can find installation instructions on Tailwind Docs.

Utilities

Install clsx and tailwind-merge

pnpm add clsx tailwind-merge

Add a cn helper

// lib/utils.ts
 
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

Usage

That's it! You can copy, paste and customize Star UI components to your project.