Introduction
Kickresume UI is the shadcn registry for the Kickresume design system — theme and components, installed straight into your project with the shadcn CLI:
npx shadcn@latest add @kickresume/buttonComponents are Base UI–based, Kickresume-themed, and ship
with the exact brand tokens: coral primary, indigo focus, the premium gradient,
and the Graphik / Henk-Work webfonts. button, input, badge, alert,
card, eyebrow, star-rating, sticker-badge, and list carry
Kickresume-specific treatments; everything else is the standard Base UI
component wearing the theme.
What's inside
- A theme — design tokens (colors, radii, shadows, the premium gradient) and the Graphik / Henk-Work webfonts, mapped onto shadcn's semantic CSS variables for light and dark.
- 63 components — the full Base UI primitive catalog plus a few composed patterns (combobox, date-picker, multi-select) and Kickresume-specific pieces (eyebrow, star-rating, sticker-badge, list).
- A public, read-only registry — the JSON under
/r/*installs with no token or auth setup; fonts and brand images are served from the same app.
Getting started
- Installation — point your project at the registry.
- Theme — install the design tokens first.
- Components — browse and install any component.
Tech stack
Next.js (App Router) · TypeScript · Tailwind v4 · shadcn (Base UI / base-nova).
Deployed to kickresume-ui-registry.vercel.app (moving to ui.kickresume.com).