Installation
Y2K UI is a shadcn-style registry. Components are not shipped as a dependency — you copy them into your project via the CLI.
terminal.sh
# Initialize your project (one time)
npx y2kui@latest init
# Add a component
npx y2kui@latest add buttonPrerequisites
- Next.js 14+ (App Router) or any React framework with Tailwind CSS.
- Tailwind CSS 4 or later.
- TypeScript (recommended).
Manual setup
If you prefer to skip the CLI, copy components/ui/* and lib/utils.ts from
this repo into your project and merge the tokens from app/globals.css.
Theming
Y2K UI is built on shadcn tokens. The Y2K palette is exposed as CSS custom
properties on :root:
--y2k-ink: #1b1b3a— outlines & body text--y2k-blue: #8ed1fc— primary--y2k-pink: #ff8fcf— accent--y2k-lilac: #b69cff— secondary--y2k-mint: #8ff0d0— success--y2k-lemon: #ffe45e— highlight--y2k-panel: #d7dde8— surface
Y2K UI — Modern Y2K / Kawaii-Retro Component Library
Build retro-future interfaces with Y2K UI — 30+ React components featuring flat windows, thick navy outlines, and pastel fills. Built on shadcn + Radix UI. Free and open-source.
Accordion
Y2K accordion component built on Radix UI with smooth height animation powered by tw-animate-css. Collapsible sections.