Welcome to the layout-lint playground!

Demos
0 Tutorial Start here
A guided walkthrough.
1 Gallery
Use inside offsets, partially inside, percent-of sizing, wildcards, and groups. Drag the badge to break and restore constraints.
2 Bar
Validate text and CSS rules, visible/absent, and wildcard counts. Switch language or filter categories to test behavior.
3 Studio
Combine aligned, centered, equal-gap, near, and percent-of rules on a live console. Every control moves something a rule measures.
Learn
Live Parse Tree
Watch Tree-sitter parse a spec live.
Language Reference
Every grammar rule explained with syntax diagrams.