# Svelte project architecture examples

Interactive architecture diagrams of 85 open-source Svelte 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.

## Repositories 1 to 50 of 85

1. [open-webui/open-webui](https://gitdiagram.com/open-webui/open-webui) (158k stars): Open WebUI is a self-hosted AI platform for chatting with local or cloud models, with knowledge retrieval, collaboration, extensible apps, and administration. Markdown: https://gitdiagram.com/open-webui/open-webui.md
2. [imputnet/cobalt](https://gitdiagram.com/imputnet/cobalt) (43.8k stars): Cobalt is a browser-based downloader backed by an API that resolves public media links and provides download or streaming responses; it also supports client-side processing. Markdown: https://gitdiagram.com/imputnet/cobalt.md
3. [leaningtech/webvm](https://gitdiagram.com/leaningtech/webvm) (16.6k stars): This is a client-side full-stack application (in the sense of complete in-browser functionality) that virtualizes a Linux environment. Markdown: https://gitdiagram.com/leaningtech/webvm.md
4. [abdenasser/neohtop](https://gitdiagram.com/abdenasser/neohtop) (9k stars): Built using SvelteKit with TypeScript and organized under the "src" directory. Markdown: https://gitdiagram.com/abdenasser/neohtop.md
5. [mathesar-foundation/mathesar](https://gitdiagram.com/mathesar-foundation/mathesar) (4.9k stars): The system should be represented as a three-tier architecture with these main components. Markdown: https://gitdiagram.com/mathesar-foundation/mathesar.md
6. [fireship-io/fireship.io](https://gitdiagram.com/fireship-io/fireship.io) (3.8k stars): Frontend Components: There is an “app” directory that contains Svelte components (custom elements like “hi-mom”) as well as supporting files (main.ts, stores, utilities) for the… Markdown: https://gitdiagram.com/fireship-io/fireship.io.md
7. [figma-linux/figma-linux](https://gitdiagram.com/figma-linux/figma-linux) (3.3k stars): Figma-linux is an unofficial Electron desktop client for using Figma on Linux. Markdown: https://gitdiagram.com/figma-linux/figma-linux.md
8. [threlte/threlte](https://gitdiagram.com/threlte/threlte) (3.2k stars): Monorepo Structure – Show the central repository, with a top-level division between configuration files (e.g. .changeset, .github, etc.) and the main directories. Markdown: https://gitdiagram.com/threlte/threlte.md
9. [seanmorley15/adventurelog](https://gitdiagram.com/seanmorley15/adventurelog) (3k stars): AdventureLog is a full-stack, open-source travel companion web application. Markdown: https://gitdiagram.com/seanmorley15/adventurelog.md
10. [open-webui/desktop](https://gitdiagram.com/open-webui/desktop) (2.9k stars): Open WebUI Desktop is an Electron desktop client that can launch a local Open WebUI server, optionally manage llama.cpp for offline inference, or connect to remote Open WebUI… Markdown: https://gitdiagram.com/open-webui/desktop.md
11. [open-source-labs/svelvet](https://gitdiagram.com/open-source-labs/svelvet) (2.8k stars) Markdown: https://gitdiagram.com/open-source-labs/svelvet.md
12. [puruvj/macos-web](https://gitdiagram.com/puruvj/macos-web) (2.6k stars): The README clearly explains that this project is a web-based recreation of the macOS desktop experience. Markdown: https://gitdiagram.com/puruvj/macos-web.md
13. [sparrowapp-dev/sparrow-app](https://gitdiagram.com/sparrowapp-dev/sparrow-app) (2.6k stars): Sparrow is a full‑stack, monorepo‑style API management platform. Markdown: https://gitdiagram.com/sparrowapp-dev/sparrow-app.md
14. [gurucomputing/headscale-ui](https://gitdiagram.com/gurucomputing/headscale-ui) (2.6k stars): This is a single-page application (SPA) “web frontend” for the Headscale coordination server. Markdown: https://gitdiagram.com/gurucomputing/headscale-ui.md
15. [lissy93/networking-toolbox](https://gitdiagram.com/lissy93/networking-toolbox) (2.4k stars): This is a full-stack, offline-first web application called “Networking Toolbox.” Markdown: https://gitdiagram.com/lissy93/networking-toolbox.md
16. [criticalmoments/cmsaasstarter](https://gitdiagram.com/criticalmoments/cmsaasstarter) (2.3k stars): Frontend Client – The SvelteKit UI that includes separate modules for the marketing site and user/admin dashboards. Markdown: https://gitdiagram.com/criticalmoments/cmsaasstarter.md
17. [marcusolsson/obsidian-projects](https://gitdiagram.com/marcusolsson/obsidian-projects) (1.9k stars): The provided project is an Obsidian plugin that helps users manage projects by visualizing notes in different views (Table, Board, Calendar, Gallery, Developer, etc.). Markdown: https://gitdiagram.com/marcusolsson/obsidian-projects.md
18. [itswadesh/svelte-commerce](https://gitdiagram.com/itswadesh/svelte-commerce) (1.8k stars): 1. This repository is a SvelteKit-based headless ecommerce storefront. Markdown: https://gitdiagram.com/itswadesh/svelte-commerce.md
19. [mhkeller/layercake](https://gitdiagram.com/mhkeller/layercake) (1.7k stars) Markdown: https://gitdiagram.com/mhkeller/layercake.md
20. [sveltejs/svelte-devtools](https://gitdiagram.com/sveltejs/svelte-devtools) (1.6k stars): This is a browser extension (“Svelte DevTools”) implemented as a PNPM workspace. Markdown: https://gitdiagram.com/sveltejs/svelte-devtools.md
21. [xxnuo/open-coreui](https://gitdiagram.com/xxnuo/open-coreui) (1.5k stars): Bundles: SvelteKit frontend + Rust backend in one native executable Markdown: https://gitdiagram.com/xxnuo/open-coreui.md
22. [byteatatime/flare](https://gitdiagram.com/byteatatime/flare) (1.5k stars): Flare is a Linux desktop launcher aiming for Raycast compatibility. Markdown: https://gitdiagram.com/byteatatime/flare.md
23. [yashash-pugalia/win11-svelte](https://gitdiagram.com/yashash-pugalia/win11-svelte) (1.4k stars) Markdown: https://gitdiagram.com/yashash-pugalia/win11-svelte.md
24. [gsidhu/buzee-tauri](https://gitdiagram.com/gsidhu/buzee-tauri) (1.1k stars) Markdown: https://gitdiagram.com/gsidhu/buzee-tauri.md
25. [materialious/materialious](https://gitdiagram.com/materialious/materialious) (991 stars) Markdown: https://gitdiagram.com/materialious/materialious.md
26. [mawoka-myblock/classquiz](https://gitdiagram.com/mawoka-myblock/classquiz) (668 stars) Markdown: https://gitdiagram.com/mawoka-myblock/classquiz.md
27. [eddiehubcommunity/good-first-issue-finder](https://gitdiagram.com/eddiehubcommunity/good-first-issue-finder) (629 stars) Markdown: https://gitdiagram.com/eddiehubcommunity/good-first-issue-finder.md
28. [whoisyurii/checkmygit](https://gitdiagram.com/whoisyurii/checkmygit) (607 stars) Markdown: https://gitdiagram.com/whoisyurii/checkmygit.md
29. [umaranis/svelte-lexical](https://gitdiagram.com/umaranis/svelte-lexical) (598 stars) Markdown: https://gitdiagram.com/umaranis/svelte-lexical.md
30. [brunostjohn/perplexideez](https://gitdiagram.com/brunostjohn/perplexideez) (578 stars) Markdown: https://gitdiagram.com/brunostjohn/perplexideez.md
31. [ollama-webui/ollama-webui-lite](https://gitdiagram.com/ollama-webui/ollama-webui-lite) (573 stars) Markdown: https://gitdiagram.com/ollama-webui/ollama-webui-lite.md
32. [dimfeld/svelte-maplibre](https://gitdiagram.com/dimfeld/svelte-maplibre) (504 stars) Markdown: https://gitdiagram.com/dimfeld/svelte-maplibre.md
33. [mattcroat/joy-of-code](https://gitdiagram.com/mattcroat/joy-of-code) (503 stars) Markdown: https://gitdiagram.com/mattcroat/joy-of-code.md
34. [wiscaksono/wiscaksono-site](https://gitdiagram.com/wiscaksono/wiscaksono-site) (500 stars) Markdown: https://gitdiagram.com/wiscaksono/wiscaksono-site.md
35. [sockmaster27/svader](https://gitdiagram.com/sockmaster27/svader) (447 stars) Markdown: https://gitdiagram.com/sockmaster27/svader.md
36. [vercel/ai-chatbot-svelte](https://gitdiagram.com/vercel/ai-chatbot-svelte) (424 stars) Markdown: https://gitdiagram.com/vercel/ai-chatbot-svelte.md
37. [dnass/svelte-canvas](https://gitdiagram.com/dnass/svelte-canvas) (356 stars) Markdown: https://gitdiagram.com/dnass/svelte-canvas.md
38. [reid41/qa-pilot](https://gitdiagram.com/reid41/qa-pilot) (329 stars) Markdown: https://gitdiagram.com/reid41/qa-pilot.md
39. [sveltestrap/sveltestrap](https://gitdiagram.com/sveltestrap/sveltestrap) (208 stars) Markdown: https://gitdiagram.com/sveltestrap/sveltestrap.md
40. [jstrieb/poker-chipper](https://gitdiagram.com/jstrieb/poker-chipper) (176 stars) Markdown: https://gitdiagram.com/jstrieb/poker-chipper.md
41. [mariuslang/mapcn-svelte](https://gitdiagram.com/mariuslang/mapcn-svelte) (172 stars) Markdown: https://gitdiagram.com/mariuslang/mapcn-svelte.md
42. [katana-project/slicer](https://gitdiagram.com/katana-project/slicer) (171 stars) Markdown: https://gitdiagram.com/katana-project/slicer.md
43. [berrysauce/ingredients](https://gitdiagram.com/berrysauce/ingredients) (161 stars) Markdown: https://gitdiagram.com/berrysauce/ingredients.md
44. [orefalo/svelte-virtuallists](https://gitdiagram.com/orefalo/svelte-virtuallists) (158 stars) Markdown: https://gitdiagram.com/orefalo/svelte-virtuallists.md
45. [edit4i/editor](https://gitdiagram.com/edit4i/editor) (144 stars) Markdown: https://gitdiagram.com/edit4i/editor.md
46. [svar-widgets/filemanager](https://gitdiagram.com/svar-widgets/filemanager) (134 stars) Markdown: https://gitdiagram.com/svar-widgets/filemanager.md
47. [sunithvs/jiobase](https://gitdiagram.com/sunithvs/jiobase) (101 stars) Markdown: https://gitdiagram.com/sunithvs/jiobase.md
48. [marcoaaguiar/poe2-tree](https://gitdiagram.com/marcoaaguiar/poe2-tree) (98 stars) Markdown: https://gitdiagram.com/marcoaaguiar/poe2-tree.md
49. [marwan/quranwbw](https://gitdiagram.com/marwan/quranwbw) (98 stars) Markdown: https://gitdiagram.com/marwan/quranwbw.md
50. [kubernetes-sigs/apisnoop](https://gitdiagram.com/kubernetes-sigs/apisnoop) (97 stars) Markdown: https://gitdiagram.com/kubernetes-sigs/apisnoop.md

Next page: https://gitdiagram.com/architecture-examples/svelte/2

More hubs: https://gitdiagram.com/architecture-examples

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](https://gitdiagram.com/open-source-architecture-2026). Stars are GitHub's when the diagram was last made. Rebuilt daily: hubs grow as more repositories' languages are known.