penframe
Version:
A lightweight DSL-based wireframe and UI structure visualization tool.
65 lines • 1.29 kB
JSON
[
{
"type": "config",
"name": "pc",
"width": 1200,
"height": 800,
"title": "Container Test"
},
{
"type": "container",
"x": 50,
"y": 50,
"width": 1100,
"height": 700,
"color": "#f0f0f0",
"children": [
{
"type": "headline",
"value": "Main Container Title",
"x": 550,
"y": 40,
"level": 1
},
{
"type": "container",
"x": 50,
"y": 100,
"width": 500,
"height": 500,
"color": "#ffffff",
"children": [
{
"type": "headline",
"value": "Nested Container 1",
"x": 250,
"y": 40
},
{
"type": "headline",
"value": "Some text here.",
"x": 250,
"y": 80,
"level": 3
}
]
},
{
"type": "container",
"x": 600,
"y": 100,
"width": 450,
"height": 500,
"color": "#ffffff",
"children": [
{
"type": "headline",
"value": "Nested Container 2",
"x": 225,
"y": 40
}
]
}
]
}
]