[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F001f5658-7fd5-45d4-be0f-641ce530ee13":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":-1,"category":-1,"seo":8,"breadcrumbs":12,"content":21,"app":-1,"examples":26,"showcases":92,"links":93,"dates":104},"\u002Fexamples\u002Fscreens\u002F001f5658-7fd5-45d4-be0f-641ce530ee13","detail","screens",true,{"title":9,"description":10,"og_image":11},"ツSupercut - Nicelydone","Screen UI design example from Supercut. Onboarding step where the user is prompted to install the Mac app from their downloads folder while previewing their…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F001f5658-7fd5-45d4-be0f-641ce530ee13.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"ツSupercut",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Supercut. Onboarding step where the user is prompted to install the Mac app from their downloads folder while previewing their camera and microphone inputs to start a web recording.",[],[],[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":61,"app":74},"001f5658-7fd5-45d4-be0f-641ce530ee13","Onboarding step where the user is prompted to install the Mac app from their downloads folder while previewing their camera and microphone inputs to start a web recording.","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fscreens",3024,1778,"ツSupercut from Supercut","2025-03-03T15:15:27.000Z","screen",[37,46,52],{"id":38,"label":39,"slug":40,"rank":41,"group":42},75,"Setup Wizard","setup-wizard",0,{"id":43,"label":44,"slug":45},7,"Onboarding & Education","onboarding-and-education",{"id":47,"label":48,"slug":49,"rank":50,"group":51},72,"Getting Started","getting-started",1,{"id":43,"label":44,"slug":45},{"id":53,"label":54,"slug":55,"rank":56,"group":57},58,"Media Editor","media-editor",2,{"id":58,"label":59,"slug":60},5,"Media & Tools","media-and-tools",[62,66,70],{"id":63,"title":64,"slug":65},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},175,"Button","button",{"id":71,"title":72,"slug":73},174,"Card","card",{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"supercut","Supercut","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","Record your screen & communicate like a pro",[80,84,88],{"id":81,"title":82,"slug":83},23,"Collaboration","collaboration",{"id":85,"title":86,"slug":87},82,"Communication","communication",{"id":89,"title":90,"slug":91},100,"Video","video",[],[94,96,98,100,102],{"label":48,"to":95},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":54,"to":97},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":39,"to":99},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":101,"to":30},"Supercut screen designs",{"label":103,"to":18},"All screen examples",{"published_at":105,"updated_at":106},"2025-03-02T14:40:55.000Z","2026-09-05T20:19:42.166Z"]