[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fe9fa8672-2dac-4fd2-870b-bf1f78c68670":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":94,"links":95,"dates":106},"\u002Fexamples\u002Fscreens\u002Fe9fa8672-2dac-4fd2-870b-bf1f78c68670","detail","screens",true,{"title":9,"description":10,"og_image":11},"Readymag • Project • Edit - Nicelydone","Screen UI design example from Readymag. Design editor canvas where the user has opened the widgets popover to browse interactive elements, typography, and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9fa8672-2dac-4fd2-870b-bf1f78c68670.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Readymag • Project • Edit",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Readymag. Design editor canvas where the user has opened the widgets popover to browse interactive elements, typography, and presets while an orange shape is selected.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":60,"app":77},"e9fa8672-2dac-4fd2-870b-bf1f78c68670","Design editor canvas where the user has opened the widgets popover to browse interactive elements, typography, and presets while an orange shape is selected.","\u002Fexamples\u002Fapps\u002Freadymag\u002Fscreens",3024,1778,"Readymag • Project • Edit from Readymag","2024-09-23T12:47:12.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},55,"Design Editor","design-editor",0,{"id":43,"label":44,"slug":45},5,"Media & Tools","media-and-tools",{"id":47,"label":48,"slug":49,"rank":50,"group":51},10,"Drag & Drop","drag-and-drop",1,{"id":52,"label":53,"slug":54},2,"Actions","actions",{"id":56,"label":57,"slug":58,"rank":52,"group":59},7,"Add & Create","add-and-create",{"id":52,"label":53,"slug":54},[61,65,69,73],{"id":62,"title":63,"slug":64},214,"Popover","popover",{"id":66,"title":67,"slug":68},233,"Tabs","tabs",{"id":70,"title":71,"slug":72},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"readymag","Readymag","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freadymag-a7b8580b.png","Create websites, magazines, presentations & more.",[83,86,90],{"id":56,"title":84,"slug":85},"Web Development","web-development",{"id":87,"title":88,"slug":89},8,"Design","design",{"id":91,"title":92,"slug":93},96,"No code","no-code",[],[96,98,100,102,104],{"label":57,"to":97},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":39,"to":99},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":48,"to":101},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":103,"to":30},"Readymag screen designs",{"label":105,"to":18},"All screen examples",{"published_at":107,"updated_at":108},"2024-08-29T07:40:53.000Z","2026-06-13T22:18:45.855Z"]