Documentation

System Guide.

Master the PasteUI workflow. From installation to advanced theming, we've got you covered.

Step 01

Quick Start

Generate a new Next.js project with Tailwind CSS pre-configured.

npx create-next-app@latest my-app --ts --tailwind --eslint
Step 02

Design Tokens

Add our custom color palette and glassmorphism utilities to your config.

colors: {
  primary: '#7c3aed',
  secondary: '#d946ef',
  accent: '#06b6d4',
  success: '#36d399',
}
Step 03

Components

Copy any component from our library and drop it into your components/ui folder.

import { ShinyButton } from '@/components/ui/ShinyButton';