Kigumi Angular Starter

Angular starter project powered by Kigumi. Use it to quickly start a new Angular project with Kigumi.

Prerequisites

• Node.js 20+

Getting Started

npm install
npm run dev

Project Structure

src/
├── components/
│   ├── examples/        # Example screens (LoginExample, ...)
│   └── ui/              # Kigumi-managed Angular wrappers (Button, Input, ...)
├── lib/kigumi.ts        # Web Awesome setup and theme registration
├── styles/
│   ├── layers.css       # CSS cascade layer definitions
│   └── theme.css        # Custom theme overrides
├── app/app.ts           # Application root
└── main.ts              # Entry point

Component wrappers in components/ui/ are generated by the Kigumi CLI. They provide typed Angular interfaces around Web Awesome custom elements with @Input()/@Output() bindings, @ViewChild refs, and ControlValueAccessor for form controls.

Adding Components

npx kigumi add <component>

AI Skills

Kigumi provides a set of AI skills to help you with your project. To install the skills, run the following command:

npx skills add https://kigumi.style/skills/kigumi

Scripts

Command	Description
npm run dev	Start Angular dev server
npm run build	Build for production
npm run lint	Run Angular ESLint
npm run preview	Serve production build

Resources

• Kigumi
• Kigumi docs
• Kigumi Studio
• Kigumi IntelliSense