Playgrounds

Learn Codly by changing a working example. Each page combines editable Typst source with controls for common options; Copy code captures your edits and the current control values, ready to paste into a document.

Playground	Try
Layout and excerpts	Fit long lines, compare themes, select source ranges, and add a review gutter.
Annotations and references	Highlight characters, attach explanations, and link to code from prose.
Diffs and mixed languages	Style a patch, tune its gutters, and highlight Python inside a shell script.

See the API reference for complete field definitions, or queries and show rules for custom components.