MVP UI

Installation

Add MVP UI to a project via git dependency or submodule.

Prerequisites

  • Node.js 20+
  • pnpm 9+
  • React 19+
  • Tailwind CSS v4

Add as git dependency

In your project's package.json:

"dependencies": {
  "@mvp-ui/ui": "git+https://github.com/you/mvp-ui.git#main"
}

Then run:

pnpm install

Configure Tailwind v4

Import the token layer from @mvp-ui/tokens in your CSS entry point:

@import "@mvp-ui/tokens/dist/tokens.css";
@import "tailwindcss";

Import components

import { Button, Input, Badge } from "@mvp-ui/ui";

All components are client components. The package ships with "use client" stamped on every output file, making it safe to import from both server and client modules in Next.js App Router.