Build UI Faster with My-UI

A minimal, copy-paste UI framework for Next.js. Components, design tokens, and CLI — zero dependencies.

npm exec -- my-ui init

Why My-UI

Get started in minutes. Copy components, run the CLI, or browse the docs.

◇

Copy-Paste Components

Drop components into your project. No package lock-in, full control over the source.

⌘

CLI Support

Run npm exec -- my-ui init to scaffold styles, theme, and components in seconds.

◐

Dark/Light Theme

Built-in theme toggle with system preference detection. Uses CSS variables.

◆

No Dependencies

Just Next.js and React. No UI libraries — copy what you need.

Example Components

Live previews with copy-paste ready code. All components use design tokens.

Button

<Button variant="primary">
  Click me
</Button>

Card

NewCard TitleCard content with design tokens.

<div className="card">
  <Badge variant="success">New</Badge>
  <h4>Card Title</h4>
  <span className="ui-text-muted">
    Card content with design tokens.
  </span>
</div>

Quick Start

Initialize styles, theme, and components in your Next.js project.

npm exec -- my-ui init