Back to Architecture Explorer

sveltejs / svelte

Cybernetically enhanced web apps

78.0k
TypeScript
Architecture: compiler-framework
main
svelte
packages
svelte
src
compiler
internal
reactivity
runtime
playgrounds
package.json
Structural Architecture

Svelte 5's new architecture isolates the template parsing compiler logic away from the intensely optimized runtime signal implementations. Svelte essentially organizes as a massive compiler resolving templates seamlessly into its internal vanilla JS runtime.

  • Compiler-first structuring. Distinct boundaries blocking runtime code from compilation execution paths.

Notable Directories

/packages/svelte

The overarching monorepo structure holding the engine logic.

/packages/svelte/src/compiler

The core AST parser resolving HTML/Svelte elements.

/packages/svelte/src/runtime

The minimalistic reactive signal execution context injected into user code.

Build Your Own Ecosystem

Learn from svelte's structure and craft your own software scaffolding.