MoonUI CLI
Powerful command-line tool for adding components to your project. One-command installation with automatic dependency management.
Quick Start with NPX
Use directly without installation
$ npx @moontra/moonui-cli@latest initAlways Latest
Uses the most recent version
No Global Install
Runs directly with npx
Global Installation
Install once, use everywhere
$ npm install -g @moontra/moonui-cliFaster Commands
Use moonui directly
Offline Usage
Works without internet
Quick Start Guide
Get up and running in 3 simple steps
1. Initialize Your Project
Set up MoonUI in your React or Next.js project:
$ npx @moontra/moonui-cli@latest init ✔ Installing dependencies... ✔ Setting up Tailwind CSS... ✔ Creating configuration... ✔ Done!
2. Add Components
Install the components you need:
$ npx @moontra/moonui-cli@latest add button card dialog ✔ Installing @radix-ui/react-slot... ✔ Creating components/ui/button.tsx... ✔ Creating components/ui/card.tsx... ✔ Creating components/ui/dialog.tsx...
3. Start Using Components
Import and use the components in your code:
import { Button } from "@/components/ui/button"
import { Card, CardContent } from "@/components/ui/card"
export default function App() {
return (
<Card>
<CardContent>
<Button>Click me</Button>
</CardContent>
</Card>
)
}Available Commands
Complete reference of all CLI commands
moonui init
Initialize MoonUI in your project. Sets up dependencies and configuration.
$ npx @moontra/moonui-cli@latest initmoonui add
Add components to your project with automatic dependency management.
$ moonui add button card --allmoonui theme
Manage themes and color schemes for your components.
$ moonui theme --set oceanmoonui templates
Install complete project templates with MoonUI.
$ moonui templates --listmoonui auth
Authenticate to access Pro components and features.
$ moonui auth loginmoonui list
View all available components with their status.
$ moonui list --pro--yes flag to skip confirmation prompts in CI/CD environments.Theme Management
Customize your UI with built-in themes
Available Theme Commands
# List all available preset themes$ moonui theme --list# Set a preset theme (ocean, sunset, forest, etc.)$ moonui theme --set ocean# Create custom theme interactively$ moonui theme --create# Generate theme CSS file$ moonui theme --generate# Export/Import theme configuration$ moonui theme --export my-theme.json$ moonui theme --import my-theme.jsonAvailable Preset Themes:
Project Templates
Complete starter projects for different use cases
Template Commands
# List all available templates$ moonui templates --list# Download and install a template$ moonui templates --download dashboard-pro# Check your template quota$ moonui templates --quota# Filter templates by category$ moonui templates --category landingTemplate Categories:
Pro Features
Advanced capabilities with Pro license
Pro Component Access
With a Pro license, components are automatically loaded from the enhanced @moontra/moonui-pro package:
License Verification
Secure authentication system for Pro features:
$ moonui auth login