@reeverdev/ui-cli

CLI tool for Reever UI component library - Add components to your project shadcn-style

Installation

npm install -g @reeverdev/ui-cli
# or use with npx
npx @reeverdev/ui-cli <command>

Commands

Initialize Project

npx @reeverdev/ui-cli init

Sets up Reever UI in your project:

• Creates reever.config.json configuration file
• Configures component output directory
• Sets up Tailwind CSS integration

Add Components

# Add specific components
npx @reeverdev/ui-cli add button dialog card

# Add all components
npx @reeverdev/ui-cli add --all

List Components

npx @reeverdev/ui-cli list

Shows all available components in the registry.

Show Differences

npx @reeverdev/ui-cli diff

Compares local components with the registry and shows differences.

Configuration

After running init, a reever.config.json file is created:

{
  "componentDir": "./src/components/ui",
  "tailwind": {
    "config": "./tailwind.config.ts",
    "css": "./src/app/globals.css"
  }
}

Available Components

| Category | Components | |----------|------------| | Core | Button, Input, Textarea, Label, Badge, Alert, Separator, Skeleton, Spinner | | Layout | Card, Avatar, Accordion, Collapsible, Drawer, Table, Sidebar | | Form | Checkbox, Switch, Select, Radio Group, Toggle, Slider, Rating | | Navigation | Tabs, Breadcrumb, Navigation Menu, Pagination, Command | | Overlay | Dialog, Alert Dialog, Dropdown Menu, Context Menu, Tooltip, Popover, Sheet | | Feedback | Progress, Toast | | Date & Time | Calendar, Date Picker |

Related

• @reeverdev/ui - Main component library
• GitHub Repository

License

MIT