Kigumi React Starter

React starter project powered by Kigumi. Use it to quickly start a new React 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 React 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.tsx              # Application entry

Component wrappers in components/ui/ are generated by the Kigumi CLI. They provide typed React interfaces around Web Awesome custom elements with forwardRef, event binding, and imperative handle support.

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-react-starter

Scripts

Command	Description
npm run dev	Start Vite dev server
npm run build	Type-check and build for production
npm run lint	Run ESLint
npm run preview	Preview production build

Resources

• Kigumi
• Kigumi docs
• Kigumi Studio
• Kigumi IntelliSense