MVP UI

Introduction

What MVP UI is and how it fits into your stack.

What is MVP UI?

MVP UI is a personal design system built on the Untitled UI design language. It provides a set of React components, design tokens, and AI skill files for building product interfaces quickly and consistently.

What's included

  • packages/tokens — CSS custom properties and TypeScript constants for color, spacing, radius, and typography.
  • packages/ui — React component library. Depends on tokens.
  • packages/skill — AI agent context files for LLM-assisted development.
  • apps/docs — This workbench. Used to develop and demo components.

Design source

Components are adapted from Untitled UI React (MIT) and the Untitled UI Figma PRO library. Token mapping and adaptation decisions are documented in packages/tokens/TOKEN_TRANSLATION.md.

Tech stack

  • React 19 + TypeScript 5.6
  • Tailwind CSS v4
  • Radix Primitives for interactive components
  • tsup for library bundling
  • Next.js 16 for this docs app
  • pnpm 9 workspaces