| Category | Technology | Version |
|---|---|---|
| Framework | Next.js (App Router) | 16.1.6 |
| UI library | React | 19.2.3 |
| Language | TypeScript | 5 |
| Components | shadcn/ui (Radix UI primitives) | — |
| Styling | Tailwind CSS | 4 |
| Icons | Lucide React | — |
| Fonts | Geist (Vercel) | — |
| Animations | Motion | 12.35 |
| Client state | Zustand | 5.0.11 |
| Server state | SWR | 2.4.1 |
| Database | PostgreSQL + Drizzle ORM | — |
| Vectors | pgvector (1536-dim embeddings) | — |
| Auth | Better Auth | 1.5.5 |
| Payments | Stripe | 20.4.1 |
| AI (chat/PRD) | Anthropic SDK (Claude) | 0.78.0 |
| AI (embeddings) | OpenAI SDK | 6.27.0 |
| Canvas | XYFlow (React Flow) | 12.10.1 |
| Graph layout | Dagre, D3-Force | — |
| Code editor | CodeMirror 6 | — |
| PDF export | PDFMake | 0.3.6 |
| Image export | html-to-image | 1.11.13 |
| Resend | 6.9.3 | |
| Feature flags | GrowthBook | 0.2.0 |
| Analytics | Vercel Analytics, Speed Insights | — |
| MCP | Model Context Protocol SDK | 1.27.1 |
| Hosting | Vercel | — |
Architecture
Tech stack
Technologies and libraries used in the Kommit frontend.