Getting Started

Installation

Install dependencies and manually copy SketchUI components.

Prerequisites

This Component lib is only supported in Turbopack disabled Next.Js/React and TypeScript right now.

Install dependencies

If you are using bun then bun add, if you are using pnpm then pnpm add

bun&pnpm
bun add clsx tailwind-merge roughjs
npm
npm install clsx tailwind-merge roughjs

Add utils

Create this file:

txt
lib/utils.ts
ts
import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"

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

Copy components

Copy the component file you need into:

txt
components/ui

CLI is coming soon.