Installation

AmroUI supports two production installation modes. Choose the package when you want the complete library. Choose shadcn when you want an individual component copied into your application.

Install the complete React library

npm install @amro-ui/react

Import the stylesheet once at your application root, then import any component from the package.

import "@amro-ui/react/styles.css";
import { LeadFitMeter } from "@amro-ui/react";

export function Example() {
  return <LeadFitMeter />;
}

Set data-theme="dark" or data-theme="light" on the document root to select a theme.

Copy one component with shadcn

npx shadcn@latest add https://amro-ui.vercel.app/r/lead-fit-meter.json

The command copies the component, its AmroUI source module, branded stylesheet, shared primitives, and required public dependencies into your project. It does not depend on a private workspace package.

Every component page provides both commands with npm, pnpm, yarn, Bun, Vite+, and Deno variants.