Example gallery ​

Start small, then explore groups, layout, and complete systems. Every example here uses built-in icons, so no additional packs are needed. Previews render canonical .stack source on your device with the same WASM engine as the Playground.

Select an image to enlarge it. Use actual size to inspect details, or fit the diagram to your screen. The separate source link lets you read and reuse the .stack code, even when JavaScript or preview loading is unavailable.

Pinned source: 8e5477c6

Start small

View .stack source

Application and data

starter

Add semantic node kinds, icons, details, an edge label, and a light theme.

nodes
2
groups
0
edges
1
View canonical .stack source

Build fluency

View .stack source

Groups and layout

intermediate

Organize clients and platform services with explicit direction, rank, and order hints.

nodes
5
groups
2
edges
4
View canonical .stack source

Model systems

View .stack source

Commerce platform

advanced

Model a production-like commerce system with nested responsibilities and asynchronous processing.

nodes
13
groups
5
edges
12
View canonical .stack source