Source: https://seerepo.com/r/ahmedkhaleel2004/gitdiagram/built Markdown source: https://seerepo.com/r/ahmedkhaleel2004/gitdiagram/built.md Description: gitdiagram is a TypeScript repo built with React and Next.js. It takes payments with Stripe, sends email with Resend, and uses AI through OpenAI and Anthropic. # What is gitdiagram built with? gitdiagram is a TypeScript repo built with React and Next.js. It takes payments with Stripe, sends email with Resend, uses AI through OpenAI and Anthropic, measures its use with PostHog, makes its content with dompurify, validates its data with Zod, is tested with Vitest, Testing Library, jsdom, and Puppeteer, deploys with Cloudflare, and uses @aws-sdk/s3-request-presigner, Redis, and MCP. It has 113,910 written lines, with 233 test files. Read on November 6, 2026, at commit 2ae1828. Repository: https://github.com/ahmedkhaleel2004/gitdiagram ## Frontend (/) ### The base - **[React](https://seerepo.com/uses/react)**: 73 files · [in package.json](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/package.json) - **[Next.js](https://seerepo.com/uses/nextjs)**: 69 files · [in package.json](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/package.json) ### Styles - **[Tailwind CSS](https://seerepo.com/uses/tailwind-css)** - **[next-themes](https://seerepo.com/uses/next-themes)**: 4 files - **geist**: 1 file - **[tailwind-merge](https://seerepo.com/uses/tailwind-merge)**: 1 file ### Interface - **[Mermaid](https://seerepo.com/uses/mermaid)**: 4 files - **[Radix UI](https://seerepo.com/uses/radix-ui)**: 4 files - **[sonner](https://seerepo.com/uses/sonner)**: 3 files ### Icons - **[Lucide](https://seerepo.com/uses/lucide)**: 31 files ## Backend (/) ### Data - **[@aws-sdk/s3-request-presigner](https://seerepo.com/uses/aws-sdk-s3-request-presigner)**: 1 file - **[Redis](https://seerepo.com/uses/redis)**: 1 file · [src/server/explainer/test-redis.ts, line 9](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/test-redis.ts#L9) ### Services - **[MCP](https://seerepo.com/uses/mcp)**: 4 files · [src/mcp-app/diagram-view.ts, line 1](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/mcp-app/diagram-view.ts#L1) - **[OpenAI](https://seerepo.com/uses/openai)**: 3 files · [src/server/explainer/director.ts, line 4](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/director.ts#L4) - **[Anthropic](https://seerepo.com/uses/anthropic)**: 2 files · [src/server/explainer/director.ts, line 3](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/director.ts#L3) - **[PostHog](https://seerepo.com/uses/posthog)**: 1 file · [src/lib/analytics-client.ts, line 1](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/lib/analytics-client.ts#L1) - **[Resend](https://seerepo.com/uses/resend)**: 1 file · [src/server/explainer/feedback.ts, line 3](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/feedback.ts#L3) - **[Stripe](https://seerepo.com/uses/stripe)**: 1 file · [src/server/explainer/payments.ts, line 3](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/payments.ts#L3) ## Support (/) ### Content - **[dompurify](https://seerepo.com/uses/dompurify)**: 2 files ### Validation - **[Zod](https://seerepo.com/uses/zod)**: 29 files ### Testing - **Vitest**: 225 files - **Testing Library**: 44 files - **jsdom**: 3 files - **Puppeteer**: 1 file ### Deploy - **Cloudflare**: 1 file ### Tools - **esbuild**: 1 file - **Prettier**: 1 file ### Other - **server-only**: 59 files - **ffmpeg-static**: 2 files - **clsx**: 1 file ## Support (workers/presence) ### Testing - **Vitest**: 2 files ## Support (workers/render) ### Testing - **Vitest**: 1 file ### Deploy - **Cloudflare**: 2 files ## Other repos with a similar stack - [Significant-Gravitas/AutoGPT](https://seerepo.com/r/Significant-Gravitas/AutoGPT/built): React, Next.js, Redis, OpenAI, Anthropic, PostHog, Stripe, Tailwind CSS, next-themes, geist, tailwind-merge, Radix UI, sonner, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/Significant-Gravitas/AutoGPT) - [cline/cline](https://seerepo.com/r/cline/cline/built): React, MCP, OpenAI, Anthropic, PostHog, Tailwind CSS, next-themes, tailwind-merge, Mermaid, Radix UI, sonner, Lucide, dompurify, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/cline/cline) - [supabase/supabase](https://seerepo.com/r/supabase/supabase/built): React, Next.js, MCP, OpenAI, PostHog, Stripe, Tailwind CSS, next-themes, Mermaid, Radix UI, sonner, Lucide, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/supabase/supabase) - [infiniflow/ragflow](https://seerepo.com/r/infiniflow/ragflow/built): React, Redis, MCP, OpenAI, Tailwind CSS, next-themes, tailwind-merge, Mermaid, Radix UI, sonner, Lucide, dompurify, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/infiniflow/ragflow) - [calcom/cal.diy](https://seerepo.com/r/calcom/cal.diy/built): React, Next.js, Redis, PostHog, Stripe, Tailwind CSS, next-themes, tailwind-merge, Radix UI, sonner, Lucide, dompurify, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/calcom/cal.diy) - [THU-MAIC/OpenMAIC](https://seerepo.com/r/THU-MAIC/OpenMAIC/built): React, Next.js, @aws-sdk/s3-request-presigner, OpenAI, Anthropic, Tailwind CSS, next-themes, geist, tailwind-merge, Radix UI, sonner, Lucide, Zod · [Compare](https://seerepo.com/compare/ahmedkhaleel2004/gitdiagram/vs/THU-MAIC/OpenMAIC) ## Frequently asked questions ### What language is gitdiagram written in? gitdiagram is written in TypeScript, with 113,910 written lines. ### What framework does gitdiagram use? gitdiagram is built with React and Next.js. The proof: [in package.json](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/package.json) ### What does gitdiagram take payments with? gitdiagram takes payments with Stripe. The proof: [src/server/explainer/payments.ts, line 3](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/payments.ts#L3) ### Does gitdiagram use AI? Yes. gitdiagram uses AI through OpenAI and Anthropic. The proof: [src/server/explainer/director.ts, line 4](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/director.ts#L4) ### What services does gitdiagram use? gitdiagram sends email with Resend, measures its use with PostHog, and uses @aws-sdk/s3-request-presigner, Redis, and MCP. The proof: [src/server/explainer/feedback.ts, line 3](https://github.com/ahmedkhaleel2004/gitdiagram/blob/2ae1828cbc0800b8493944a29aa3d0bc30083edf/src/server/explainer/feedback.ts#L3) ### Does gitdiagram have tests? Yes. gitdiagram has 233 test files and is tested with Vitest, Testing Library, jsdom, and Puppeteer. ### Which repos have a stack like gitdiagram's? The ones that share most of its stack: Significant-Gravitas/AutoGPT, cline/cline, and supabase/supabase. ## What is your repo built with? Any public repo, with no account: https://seerepo.com/r/owner/repo/built, with the owner and name it has on GitHub.