Angular CRUD Generator (angular-crud-generator)

CLI tool to automatically generate complete, production-ready, beautiful Angular CRUD UI components, services, and models connected to REST APIs.

Key Features

• ⚡ Zero Runtime Dependencies: The generator creates standard Angular code using @angular/core, @angular/common, @angular/forms, and @angular/router. Once generated, you can remove/uninstall the generator package.
• 🎨 Modern Aesthetic UI: Includes a responsive table layout, sorting headers, search bar, filter dropdowns, modal forms, status badges, and pagination footer.
• 🛠️ Reactive Forms & Validation: Generates dynamic Angular Reactive Forms with client-side validators matching backend rules (required, minLength, maxLength, min, max, email).
• 🔄 REST API Integration: Auto-generates Angular HttpClient services matching .NET 8 API endpoints (Paging, Filtering, Search, Sorting, GET, GET by ID, POST, PUT, DELETE).
• ⚙️ Flexible Configuration: Configurable via JSON config files (crud.config.json) or inline CLI flags.

Installation / Usage

Run via npx without installing globally:

# Generate using a configuration file
npx angular-crud generate --config ./crud.config.json

# Generate using CLI arguments directly
npx angular-crud generate Product --fields name:string:required,price:decimal:min=0,isAvailable:boolean --primaryKey id:guid --output ./src/app/features/products

Generated Files

For an entity Product, the CLI generates:

src/app/features/product/
├── models/
│   └── product.model.ts
├── services/
│   └── product.service.ts
└── components/
    ├── product-list/
    │   ├── product-list.component.ts
    │   ├── product-list.component.html
    │   └── product-list.component.css
    └── product-form/
        ├── product-form.component.ts
        ├── product-form.component.html
        └── product-form.component.css

CLI Options

| Flag | Shortcut | Description | Default | | --- | --- | --- | --- | | --config | -c | Path to crud.config.json | null | | --fields | -f | Comma-separated fields format name:type:validators | [] | | --primaryKey | -pk | Primary key definition (e.g. id:guid or id:int) | id:guid | | --output | -o | Target directory for generated Angular files | ./src/app/features/<entity> | | --apiBaseUrl | | Base URL for REST API service | http://localhost:5000/api | | --help | -h | Display CLI usage help | |