TypeScript project architecture examples
Interactive architecture diagrams of the 1,000 most-starred open-source TypeScript repositories with a GitDiagram architecture diagram, most stars first. Each diagram shows the project's main components, how they connect, and links every part to its file on GitHub.
Across the 200 most-starred TypeScript projects here, the median diagram has 21 components. 64% draw a data store (most often PostgreSQL, files on disk and SQLite), 31% have a command-line interface and 23% a web interface.
23% have an LLM or AI-model component, 21% speak MCP, 29% have a plugin or extension system, 52% are split into workspace packages (packages/, apps/, crates/ and similar) and 10% draw a queue or event bus.
The files their components link to most are index.ts (71), server.ts (25), storage.ts (20), main.ts (19) and App.tsx (18).
Group names that recur: “platform services” (12), “agent runtime” (10), “user interfaces” (10), “integrations” (8) and “core runtime” (6).
Repositories 1–50 of 1,000
freecodecamp/freecodecamp★ 458k
freeCodeCamp is a full-stack, self-paced learning platform: learners navigate curriculum, work through interactive challenges and assessments, track progress, and earn verifiable…
morluto/rea★ 445k
REA is a local reverse-engineering toolkit exposed through an MCP server and CLI.
openclaw/openclaw★ 394k
OpenClaw is a self-hosted assistant whose Gateway coordinates sessions, agent execution, tools, and messaging channels; users reach it through the Control UI, CLI/TUI, or…
nilbuild/developer-roadmap★ 369k
This repository is the community-maintained content source for roadmap.sh: roadmaps are interactive learning maps, with related best practices and questions.
kamranahmedse/developer-roadmap★ 368k
roadmap.sh is a community-driven learning platform for developers.
deepseek-ai/deepseek-harness★ 277k
DeepSeek Harness is a plugin-oriented agent harness with a local Web UI and Desktop host.
anomalyco/opencode★ 225k
OpenCode is an open-source AI coding agent with terminal and desktop interfaces.
vuejs/vue★ 210k
This is the end-of-life Vue 2 source repository: an ES5-compatible, progressive UI framework.
n8n-io/n8n★ 210k
n8n is a visual workflow-automation platform with AI-agent capabilities and a large integration ecosystem.
microsoft/vscode★ 194k
Code - OSS is the open-source development repository for Visual Studio Code, an extensible editor supporting code editing, navigation and understanding, debugging, and…
firecrawl/firecrawl★ 192k
Firecrawl is a web-data API for AI agents: clients request search, scraping, discovery, and asynchronous jobs, then receive web content in LLM-ready formats.
anthropics/claude-code★ 150k
Claude Code is a terminal-based coding agent, with documented use in IDEs and GitHub; its principal user workflow is to request coding or Git work in natural language and receive…
iptv-org/iptv★ 139k
IPTV is a community-maintained collection of public live-stream links, organized as M3U playlists.
yangshun/tech-interview-handbook★ 138k
The repository is organized as a monorepo containing multiple “apps” and “packages.” The main public-facing components are the “portal” app (in apps/portal) and the “website” (in…
garrytan/gstack★ 136k
gstack is an AI-assisted software factory: users invoke specialist workflows through a coding-agent host, move from product planning toward implementation, then review, test, and…
excalidraw/excalidraw★ 133k
Excalidraw is a hand-drawn-style whiteboard editor, with a reusable editor package and a showcase web app.
sst/opencode★ 132k
This is a Turborepo-powered monorepo for “OpenCode,” a provider-agnostic AI coding agent with a client/server architecture.
shadcn-ui/ui★ 124k
shadcn/ui is an open-source, copy-into-your-project component ecosystem: a CLI installs, customizes, migrates, and publishes registry content; a documentation site exposes…
earendil-works/pi★ 119k
Pi is an extensible coding-agent harness with interactive, print/JSON, RPC, and TypeScript-SDK entry points.
immich-app/immich★ 115k
Immich is a self-hosted photo and video management product.
thedotmack/claude-mem★ 115k
Claude-Mem is a persistent memory system for coding agents: it captures work, turns it into searchable observations, and supplies relevant context to later sessions.
supabase/supabase★ 111k
Supabase is a Postgres development platform combining a hosted dashboard with open-source database, API, authentication, realtime, storage, and functions services.
paperclipai/paperclip★ 110k
Paperclip is an open-source control plane for teams of AI agents.
google-gemini/gemini-cli★ 107k
Gemini CLI is a terminal-based AI coding agent.
angular/angular★ 101k
Angular is a TypeScript/JavaScript platform for building web applications.
mendableai/firecrawl★ 100k
Multiple SDK implementations (Python, Node.js, Rust, Go)
ant-design/ant-design★ 99.5k
Ant Design is a React UI component library for enterprise web applications.
tailwindlabs/tailwindcss★ 97.8k
Tailwind CSS is a utility-first CSS framework.
nexu-io/open-design★ 97.7k
OpenDesign is a local-first, agent-native design studio: a user starts with a brief, an agent runtime works on project files, and the daemon exposes generated artifacts for…
microsoft/playwright★ 97k
Playwright is a cross-browser automation and testing framework, also used for scripts and AI-agent workflows.
puppeteer/puppeteer★ 94k
Sub-components for both Chrome and Firefox support
stirling-tools/stirling-pdf★ 93.3k
Stirling PDF is an open-source PDF editing platform for browser, desktop, and self-hosted use.
storybookjs/storybook★ 91.1k
Storybook is a TypeScript/JavaScript monorepo that ships a local UI workshop: it discovers component stories, builds or serves them, renders them in isolation, and provides…
openhands/openhands★ 91k
Agent Canvas is a self-hosted developer control center for coding-agent conversations and automations across local, remote, and cloud backends.
opencut-app/opencut★ 90.6k
OpenCut is a ground-up rewrite of a free video editor, but the sampled repository is an early scaffold: the web has routing and an editor route, the desktop launches a shell with…
mermaid-js/mermaid★ 90.5k
Mermaid turns Markdown-inspired diagram text into rendered diagrams; its README describes this author-to-result workflow and broad diagramming purpose.
modelcontextprotocol/servers★ 90.5k
This repository provides independent MCP reference servers.
chatgptnextweb/nextchat★ 88.9k
NextChat is a browser-first AI assistant for chatting with multiple hosted or self-hosted model providers.
egonex-ai/understand-anything★ 88.4k
Understand Anything analyzes codebases, knowledge bases, and Figma designs into knowledge graphs, then presents them in an interactive dashboard and provides chat, explanation…
koala73/worldmonitor★ 87.6k
World Monitor is a real-time global intelligence dashboard, with API and agent-facing interfaces as additional ways to access its data.
realworld-apps/realworld★ 84.2k
RealWorld is a cross-framework specification and validation project for a Medium-style application, not a single application implementation.
lobehub/lobehub★ 82.8k
LobeHub is a workspace for building and operating AI agents, with chat and team collaboration as central user workflows.
cheaper-inference/omniroute★ 82.4k
OmniRoute is a self-hosted AI gateway with a dashboard and CLI.
vitejs/vite★ 81.8k
1. This repository is the Vite monorepo.
stablyai/orca★ 81.6k
Orca is a cross-platform AI-agent orchestration desktop app with a mobile companion.
ruvnet/ruflo★ 80.8k
Ruflo is an agent meta-harness for Claude Code, Codex, and MCP clients.
hoppscotch/hoppscotch★ 80.5k
Hoppscotch is an API development client with a cloud-capable collaboration backend.
coder/code-server★ 79.8k
code-server runs the VS Code server on a remote machine and serves its browser client over HTTP and WebSockets.
Counted over GitDiagram's stored diagrams of public repositories, from the names their components and groups carry and the files they link to; the rules are the ones in the 2026 open-source architecture report. Stars are GitHub's when the diagram was last made. Rebuilt daily: hubs grow as more repositories' languages are known.