A fast and flexible CLI for generating Angular components and services. Includes presets for tables, filters and for REST/GraphQL services.
npm install -g kqgen
# or
pnpm add -g kqgen
# or
bun add -g kqgennpx kqgen <command> ...kqgen <command> <full/path/to/name> [options]kqgen ng:component dashboard/home/user
kqgen ng:component shared/avatar --bare
kqgen ng:component dashboard/products --type=table
kqgen ng:component shared/quick-search --type=filter
kqgen ng:component shared/user-form --type=add-dialog
kqgen ng:service auth shared/services --rest
kqgen ng:service product shared/services --gql
kqgen init--type=table, -t, -ttTable component (Angular Material, paginator & sort)--type=filter, -tfStandalone filter component--type=add-dialog, -tadForm in Angular Material dialog--bare, -b, -BOnly the base file (no services/models/interfaces folders)- If no --type is provided, the default preset is used
--rest, -rREST service--gql, -gGraphQL service (with base queries)--none, -nEmpty service (structure only)
(If not specified, a prompt will be shown)
Edit gen.config.js in your project root to change colors and styles for generated components:
// gen.config.js
export default {
theme: {
primaryColor: "#377bc8",
secondaryColor: "#7c3aed",
borderRadius: "8px",
},
};You can quickly generate this config with:
kqgen init- All commands generate files inside
src/app/by default (unless run from another subfolder). - If no type is specified for service or component, an interactive prompt appears.
- Use
kqgen help,kqgen --helporkqgen -hto display help. - Works on Linux, Mac, and Windows.
- Inspired by the speed and flexibility of modern code generators.
Pull requests, feature ideas, and issues are welcome at KilloconQ. Want new presets? Request or contribute them!