Name	Name	Last commit message	Last commit date
parent directory ..
assets	assets
copy	copy
library	library
README.md	README.md
anchors.png	anchors.png
anchors.zen	anchors.zen
article.png	article.png
article.zen	article.zen
blur.png	blur.png
blur.zen	blur.zen
bold.png	bold.png
bold.zen	bold.zen
center.tx.json	center.tx.json
chart.png	chart.png
chart.zen	chart.zen
code.png	code.png
code.zen	code.zen
connector-ports.zen	connector-ports.zen
connector-routing.png	connector-routing.png
connector-routing.zen	connector-routing.zen
decorations.png	decorations.png
decorations.zen	decorations.zen
ellipse.png	ellipse.png
ellipse.zen	ellipse.zen
filter.png	filter.png
filter.zen	filter.zen
flowchart.png	flowchart.png
flowchart.zen	flowchart.zen
frame.png	frame.png
frame.zen	frame.zen
gradient.png	gradient.png
gradient.zen	gradient.zen
group.png	group.png
group.zen	group.zen
hello.png	hello.png
hello.zen	hello.zen
image.png	image.png
image.zen	image.zen
italic.png	italic.png
italic.zen	italic.zen
line.png	line.png
line.zen	line.zen
markdown.png	markdown.png
markdown.zen	markdown.zen
mask.png	mask.png
mask.zen	mask.zen
multipage.png	multipage.png
multipage.zen	multipage.zen
noise.png	noise.png
noise.zen	noise.zen
pattern.png	pattern.png
pattern.zen	pattern.zen
polygon.png	polygon.png
polygon.zen	polygon.zen
polyline.png	polyline.png
polyline.zen	polyline.zen
rect.png	rect.png
rect.zen	rect.zen
richtext.png	richtext.png
richtext.zen	richtext.zen
rounded.png	rounded.png
rounded.zen	rounded.zen
shadow.png	shadow.png
shadow.zen	shadow.zen
stack.png	stack.png
stack.zen	stack.zen
star.png	star.png
star.zen	star.zen
stroke-align.png	stroke-align.png
stroke-align.zen	stroke-align.zen
styled.png	styled.png
styled.zen	styled.zen
table.png	table.png
table.zen	table.zen

Name

Last commit message

Last commit date

copy

connector-routing.png

connector-routing.zen

Zenith examples

Each .zen here is a runnable, validated document; the .png beside it is its rendered output (committed so you can see the result without running anything). Every example is covered by a determinism test in zenith-cli/tests/render_integration.rs — rendered twice, asserted byte-identical.

Render any of them yourself with:

zenith render examples/<name>.zen --png out.png
zenith validate examples/<name>.zen --json

Shapes

Example	Source	Output
Rectangle	`rect.zen`
Rounded rectangle	`rounded.zen`
Ellipse	`ellipse.zen`
Line	`line.zen`
Polygon	`polygon.zen`
Polyline	`polyline.zen`
Star	`star.zen`
Stroke alignment	`stroke-align.zen`

Fills & effects

Example	Source	Output
Gradients (linear + radial)	`gradient.zen`
Pattern (grid + scatter)	`pattern.zen`
Drop shadow	`shadow.zen`
Blur	`blur.zen`
Filter	`filter.zen`
Noise / grain (filter)	`noise.zen`
Mask	`mask.zen`

Text

Example	Source	Output
Hello (minimal)	`hello.zen`
Bold	`bold.zen`
Italic	`italic.zen`
Rich text (inline spans)	`richtext.zen`
Decorations	`decorations.zen`
Code (syntax highlighting, dark + light)	`code.zen`
Inline markdown from an external file	`markdown.zen`
Block-level markdown article (headings, paragraphs, per-role styling)	`article.zen`

Layout & composition

Example	Source	Output
Group	`group.zen`
Frame (clipping)	`frame.zen`
Anchors (9-point grid)	`anchors.zen`
Relative stacking (`anchor-edge`)	`stack.zen`
Shared styles	`styled.zen`
Image asset	`image.zen`
Multipage (page 1 shown)	`multipage.zen`

Diagrams & data

Example	Source	Output
Flowchart (shapes + connectors)	`flowchart.zen`
Connector auto-routing (orthogonal, line-jumps)	`connector-routing.zen`
Connector ports (semantic attachment points)	`connector-ports.zen`
Table	`table.zen`
Charts (bar + donut + sparkline)	`chart.zen`