Skip to content

kigu

A pattern library for building web applications.

What is kigu?

kigu is not a component library you install. It is a collection of copy-pasteable patterns — wired-up solutions to common problems, extracted from real production projects.

Think of it as shadcn/ui for your own stack: you browse the pattern, copy the files into your project, and own the code.

Browse Patterns

Philosophy

Patterns over Packages

Most "utility" code in projects is either:

  1. A thin wrapper around an existing library (not worth a package)
  2. Project-specific glue (not reusable outside your codebase)
  3. A repeatable pattern of how things are wired together (worth documenting)

kigu focuses on category 3. Instead of npm install @kigu/auth, you copy the auth pattern files, adapt them to your project, and own the code.

Why not just publish packages?

We analyzed 23 projects and 50+ candidate utilities. The conclusion was clear: the value is in the wiring, not the individual functions.

A 20-line dateFormatter wrapper is not worth a package. But a complete auth flow (store + API client + route guards + login form + token refresh) that is copy-paste identical across 6 projects? That's a pattern worth documenting.

Read the full analysis: Extraction Analysis

Packages

For genuinely novel utilities that don't have good community alternatives, we publish small focused packages:

PackageDescription
@kigu/utilsConvenience utilities (use sparingly — prefer community solutions)
@kigu/devtools-guardEducational utility for DevTools detection

Contributing

See the repository README for setup instructions and how to add new patterns.

License

MIT