Web app architecture examples
Interactive architecture diagrams of 663 open-source repositories with a GitDiagram architecture diagram where the diagram has a web interface: a web UI, frontend or dashboard, 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 web apps here, the median diagram has 21 components. 70% draw a data store (most often PostgreSQL, SQLite and files on disk), 29% have a command-line interface and 100% a web interface.
24% have an LLM or AI-model component, 18% speak MCP, 21% have a plugin or extension system, 22% are split into workspace packages (packages/, apps/, crates/ and similar) and 12% draw a queue or event bus.
The files their components link to most are index.ts (22), App.tsx (19), main.py (19), app.py (15) and index.js (15).
Group names that recur: “user interfaces” (27), “platform services” (9), “user experience” (9), “integrations” (8) and “external integrations” (6).
By language: Python 28%, TypeScript 26%, Go 11%, Rust 10% and JavaScript 8%.
Repositories 1–50 of 663
kamranahmedse/developer-roadmap★ 368k · TypeScript
roadmap.sh is a community-driven learning platform for developers.
affaan-m/ecc★ 300k · JavaScript
ECC is a harness-native agent engineering system: an operator starts or manages agent sessions, coordinates work across harnesses, and inspects session activity.
deepseek-ai/deepseek-harness★ 277k · TypeScript
DeepSeek Harness is a plugin-oriented agent harness with a local Web UI and Desktop host.
digitalplatdev/freedomain★ 203k · Markdown
This repository is the public information and learning-resource site for DigitalPlat FreeDomain; the registration application is maintained separately.
significant-gravitas/autogpt★ 187k · Python
This monorepo contains the AutoGPT Platform: a managed or self-hosted system for building, deploying, triggering, and observing AI-agent workflows.
anthropics/skills★ 186k · Python
This repository is a collection of Claude skills: instruction-led, task-specific capabilities, with scripts supporting document editing, PDF forms, skill authoring, MCP…
affaan-m/everything-claude-code★ 178k · JavaScript
- This is a cross-harness configuration and automation platform for AI coding tools, not a product app.
open-webui/open-webui★ 158k · Svelte
Open WebUI is a self-hosted AI platform for chatting with local or cloud models, with knowledge retrieval, collaboration, extensible apps, and administration.
langflow-ai/langflow★ 155k · Python
Langflow is a visual platform for authoring, testing, and deploying AI workflows and agents.
clash-verge-rev/clash-verge-rev★ 150k · Rust
Clash Verge Rev is a Tauri desktop GUI for the Clash Meta (mihomo) proxy core.
farion1231/cc-switch★ 142k · Rust
CC Switch is a desktop manager for configuring and switching AI coding-agent providers, with shared management of MCP servers, skills, and prompts.
react/react-native★ 127k · C++
React Native lets app developers write React-based JavaScript that is rendered through platform-native UI, with native modules exposing platform capabilities.
tauri-apps/tauri★ 113k · Rust
Tauri is a cross-platform framework for desktop and mobile apps whose frontend runs in a system WebView and communicates with a Rust application backend.
supabase/supabase★ 111k · TypeScript
Supabase is a Postgres development platform combining a hosted dashboard with open-source database, API, authentication, realtime, storage, and functions services.
paperclipai/paperclip★ 110k · TypeScript
Paperclip is an open-source control plane for teams of AI agents.
ruvnet/ruview★ 97.2k · Rust
RuView is a WiFi sensing platform: edge sensors capture CSI, processing turns radio measurements into presence, pose, activity, and vital-sign estimates, and user-facing tools…
microsoft/web-dev-for-beginners★ 97k · JavaScript
This repository is a beginner web-development curriculum, not one integrated application.
microsoft/playwright★ 97k · TypeScript
Playwright is a cross-browser automation and testing framework, also used for scripts and AI-agent workflows.
ruvnet/wifi-densepose★ 96.9k · Rust
RuView is a WiFi sensing platform: ESP32 nodes capture CSI, which the system processes into presence, pose, activity, and vital-sign estimates for people and room monitoring.
louislam/uptime-kuma★ 92k · JavaScript
Uptime Kuma is a self-hosted monitoring application.
microsoft/ml-for-beginners★ 91.3k · Jupyter Notebook
ML for Beginners is a 12-week, 26-lesson curriculum for learning classic machine learning through lessons, quizzes, activities, projects, solutions, and assignments.
opencut-app/opencut★ 90.6k · TypeScript
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…
leonxlnx/taste-skill★ 90.3k · JavaScript
Taste Skill is a repository of portable instruction files for AI agents building or redesigning frontends, plus image-generation guidance.
panjiachen/vue-element-admin★ 90.2k · Vue
vue-element-admin is a Vue-based admin-interface solution.
egonex-ai/understand-anything★ 88.4k · TypeScript
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 · TypeScript
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 · TypeScript
RealWorld is a cross-framework specification and validation project for a Medium-style application, not a single application implementation.
cheaper-inference/omniroute★ 82.4k · TypeScript
OmniRoute is a self-hosted AI gateway with a dashboard and CLI.
pewdiepie-archdaemon/odysseus★ 79.1k · Python
- Odysseus is a self-hosted AI workspace built around a Python backend and a browser UI.
diegosouzapw/omniroute★ 78.2k · TypeScript
OmniRoute is a unified AI gateway: clients send compatible requests to one endpoint, which routes them across provider connections and returns responses with fallback and…
grafana/grafana★ 77.4k · TypeScript
Grafana is an observability platform for querying data sources, visualizing results, exploring metrics and logs, and managing alerting.
career-ops-hq/career-ops★ 77.4k · JavaScript
career-ops is a local-first AI job-search agent with a web interface and terminal dashboard.
composiohq/awesome-claude-skills★ 77k · Python
This repository is a curated collection of Claude Skills and practical agent utilities, not one application with a shared runtime.
storytold/photocraft★ 75.6k · Rust
PhotoCraft is a native Rust image editor, with CLI, web, and automation interfaces.
apache/superset★ 75.4k · Python
Superset is a business-intelligence web application for connecting to SQL data sources, exploring data, building visualizations and dashboards, and querying through SQL Lab.
eugeny/tabby★ 75.3k · TypeScript
Tabby is a cross-platform terminal emulator and connection client.
unionlabs/union★ 73.7k · Rust
Union is a cross-chain messaging and asset-transfer infrastructure project built around consensus verification and IBC compatibility.
obsproject/obs-studio★ 73.4k · C
1. Repository purpose and top-level shape
strapi/strapi★ 73.3k · TypeScript
Strapi is a self-hosted headless CMS: developers define content models, creators manage and publish content in the admin, and applications consume generated APIs.
cline/cline★ 70.2k · TypeScript
Cline is a coding-agent product spanning a terminal CLI, shared SDK/core, VS Code integration, and Cline Hub.
gorhill/ublock★ 68.7k · JavaScript
uBlock Origin is a browser content blocker: users configure filter lists and site-specific rules, then browser requests and page content are evaluated against those rules to…
mem0ai/mem0★ 67.7k · Python
Mem0 is a memory layer for AI applications, delivered as Python/TypeScript SDKs, a self-hosted API and dashboard, command-line tools, and agent-framework integrations.
prometheus/prometheus★ 66.3k · Go
Prometheus collects time series from configured or discovered targets, stores them locally, evaluates PromQL queries and rules, and exposes results through its HTTP API and web UI.
zhulinsen/daily_stock_analysis★ 65.7k · Python
Daily Stock Analysis is a multi-market AI stock-research and decision-support product, delivered through a web/desktop workspace, API, and chat bots.
coollabsio/coolify★ 65.7k · PHP
Coolify is a self-hosted deployment and infrastructure-management platform.
traefik/traefik★ 65.5k · Go
Traefik is a dynamically configured reverse proxy and load balancer: infrastructure providers observe service and route definitions, configuration is updated without restarts…
jingyaogong/minimind★ 65k · Python
MiniMind is a from-scratch, compact language-model project: its main user journey is preparing training data, training or adapting a model, then evaluating or serving generated…
usememos/memos★ 63.6k · Go
Memos is a self-hosted, Markdown-first notes timeline: users create memos, add files, find and revisit them, and choose whether to keep them private or share them.
pathwaycom/pathway★ 63.5k · Python
1. This repo is a hybrid Python + Rust data-processing platform.
makeplane/plane★ 61.3k · TypeScript
Plane is a project-management product for work items, cycles, modules, views, Pages, and analytics, with workspace and project administration.
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.