Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now. Learn more →
Top 16 JavaScript Architecture Projects
-
-
Kargo
Stop Scripting Promotions. Start Shipping with Kargo. Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.
-
-
react-proto
:art: React application prototyping tool for developers and designers :building_construction:
-
neo
Neo.mjs is a self-evolving software organism: a professional end-to-end AI engineering team whose cross-model swarm inhabits live apps via Neural Link, Active Hybrid GraphRAG, DreamService, and self-healing loops. (by neomjs)
Actor Model, dedicated or shared application worker. Full support for multi-window apps. Resolved since 2019. 26000 commits in, and counting. You are welcome!
https://github.com/neomjs/neo/blob/dev/learn/benefits/body/O...
-
-
-
stream-live-system
:red_circle: An example of a live broadcast system using microservice concepts and architected with docker.
-
AppSignal
AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
-
event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture
-
ai-software-architect
AI-powered architecture documentation framework with ADRs, reviews, and pragmatic mode. Now available as Claude Code Plugin for easiest installation.
-
boffin
Staff-engineer layer for AI coding agents: routes per-edit architectural constraints and requires verification. Not another AGENTS.md.
Project mention: Show HN: Boffin – Staff-engineer layer for AI coding agents | news.ycombinator.com | 2026-07-26 -
repomap
RepoMap is a skill for cli agents, allows you to map your code and review branches or commits diff (by agustinvillegas)
Project mention: Interactive architectural maps of your repo, show branches and commit diffs. AI | news.ycombinator.com | 2026-07-16 -
schema-editor
Schema Editor is a free mobile-first, touch-optimized vector design web application for designing, viewing, analyzing, and interacting with electric and circuit schematics, flowcharts, network diagrams, PCB designs, UML designs and architectural floorplans.
Project mention: Building a High-Performance CAD Engine in Vanilla JavaScript (No Frameworks) | dev.to | 2026-06-18Check out the code and the live demo here: github.com/carnworkstudios/schema-editor
-
tree-fs
Turn text trees into real files. The standard "Paste & Go" receiver for AI-generated projects.
Project mention: Show HN: Tree-fs – Turn ASCII directory trees into real files | news.ycombinator.com | 2025-12-18 -
js-todo-app
A pure javascript todo app built with an MVC-style architecture. Fully documented and explained.
-
-
arch-drift
Lexical architecture-drift checker. Verifies a codebase against declared architectural invariants — and documents which invariants can't be checked at all.
Tool and the full drift log, including all four of my wrong numbers: github.com/KaleemNoorani/arch-drift
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript Architecture discussion
JavaScript Architecture related posts
-
Show HN: Boffin – Staff-engineer layer for AI coding agents
-
Common Mistakes in Architecture Diagrams (2020)
-
FSD - Feature-Sliced Design
-
Feature-Sliced Design
-
Project file structure
-
Diagram-as-code for Azure architecture
-
I'm an experienced dev, and I want to get into C#. I'm looking for resources that don't walk you through programming concepts from the start (I don't need someone telling me what a class is for god's sake). Can you recommend any? Thank you :)
-
A note from our sponsor - Kargo
akuity.io | 6 Sep 2026
Index
What are some of the best open-source Architecture projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | web-skills | 7,569 |
| 2 | Index | 3,535 |
| 3 | react-proto | 3,458 |
| 4 | neo | 3,268 |
| 5 | 3rs-of-software-architecture | 1,116 |
| 6 | Azure-PlantUML | 493 |
| 7 | stream-live-system | 160 |
| 8 | event-driven-web-components-realworld-example-app | 91 |
| 9 | ai-software-architect | 76 |
| 10 | boffin | 38 |
| 11 | repomap | 8 |
| 12 | schema-editor | 3 |
| 13 | tree-fs | 2 |
| 14 | js-todo-app | 1 |
| 15 | thinkdeep | 0 |
| 16 | arch-drift | 0 |
Sponsored
Stop Scripting Promotions. Start Shipping with Kargo
Kargo automates promotion across dev, staging, and prod with approval gates and verification. Open source, built by the team behind Argo CD. Download now.
akuity.io