{"examples":[{"name":"landing","description":"Hero (→ <h1>) + a section heading + body copy + a call-to-action button.","doc":{"midl":"0.1","ns":{"ui":"https://midl.ai/ui#"},"frames":[{"id":"page","type":"ui:Page","children":["hero","why","body","cta"]},{"id":"hero","type":"ui:Hero","title":"Build with MIDL"},{"id":"why","type":"ui:Heading","level":2,"text":"Why MIDL"},{"id":"body","type":"ui:Text","text":"Personalization-first, agent-native web pages from one document."},{"id":"cta","type":"ui:Button","text":"Get started","variant":"default"}]}},{"name":"contact-form","description":"A page heading + a form with a text input, a textarea, and a submit button.","doc":{"midl":"0.1","ns":{"ui":"https://midl.ai/ui#"},"frames":[{"id":"page","type":"ui:Page","children":["title","form"]},{"id":"title","type":"ui:Heading","level":1,"text":"Contact us"},{"id":"form","type":"ui:Form","children":["name","message","send"]},{"id":"name","type":"ui:Input","name":"name","placeholder":"Your name"},{"id":"message","type":"ui:Textarea","name":"message","placeholder":"Your message"},{"id":"send","type":"ui:Submit","text":"Send"}]}},{"name":"article","description":"A real document outline: h1 → body → h2 → body → h3 → body (heading hierarchy).","doc":{"midl":"0.1","ns":{"ui":"https://midl.ai/ui#"},"frames":[{"id":"page","type":"ui:Page","children":["h1","p1","h2","p2","h3","p3"]},{"id":"h1","type":"ui:Heading","level":1,"text":"A MIDL article"},{"id":"p1","type":"ui:Text","text":"An introduction paragraph."},{"id":"h2","type":"ui:Heading","level":2,"text":"Background"},{"id":"p2","type":"ui:Text","text":"Some background."},{"id":"h3","type":"ui:Heading","level":3,"text":"Details"},{"id":"p3","type":"ui:Text","text":"The details."}]}}]}