[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fe4216f3c-e21c-4694-b215-12ff3a6cfbe5":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":106,"links":107,"dates":120},"\u002Fexamples\u002Fscreens\u002Fe4216f3c-e21c-4694-b215-12ff3a6cfbe5","detail","screens",true,{"title":9,"description":10,"og_image":11},"Onboarding - Nicelydone","Screen UI design example from Stream. Feature page explaining aggregated feeds with an interactive code editor and visual feed examples.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstream_onboarding-4_816b1402_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Onboarding",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"Screen design",[],[],[26],{"uuid":27,"title":20,"description":28,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"published_at":33,"kind":34,"patterns":35,"component_categories":69,"app":88},"e4216f3c-e21c-4694-b215-12ff3a6cfbe5","Feature page explaining aggregated feeds with an interactive code editor and visual feed examples.","\u002Fexamples\u002Fapps\u002Fstream\u002Fscreens",2880,1898,"Onboarding from Stream","2016-12-12T08:07:33.000Z","screen",[36,45,51,60],{"id":37,"label":38,"slug":39,"rank":40,"group":41},72,"Getting Started","getting-started",0,{"id":42,"label":43,"slug":44},7,"Onboarding & Education","onboarding-and-education",{"id":46,"label":47,"slug":48,"rank":49,"group":50},76,"Tutorial","tutorial",1,{"id":42,"label":43,"slug":44},{"id":52,"label":53,"slug":54,"rank":55,"group":56},53,"Code Editor","code-editor",2,{"id":57,"label":58,"slug":59},5,"Media & Tools","media-and-tools",{"id":61,"label":62,"slug":63,"rank":64,"group":65},69,"Tabs","tabs",3,{"id":66,"label":67,"slug":68},6,"Navigation & Commands","navigation-and-commands",[70,74,76,80,84],{"id":71,"title":72,"slug":73},258,"Header","header",{"id":75,"title":62,"slug":63},233,{"id":77,"title":78,"slug":79},175,"Button","button",{"id":81,"title":82,"slug":83},174,"Card","card",{"id":85,"title":86,"slug":87},169,"Avatar","avatar",{"slug":89,"title":90,"logo":91,"baseline":92,"categories":93},"stream","Stream","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstream-d81f5a5b.png","The API for scalable feeds",[94,98,102],{"id":95,"title":96,"slug":97},37,"Developer APIs","developer-apis",{"id":99,"title":100,"slug":101},42,"Messaging","messaging",{"id":103,"title":104,"slug":105},48,"Developer Tools","developer-tools",[],[108,110,112,114,116,118],{"label":53,"to":109},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":38,"to":111},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":62,"to":113},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":47,"to":115},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":117,"to":29},"Stream screen designs",{"label":119,"to":18},"All screen examples",{"published_at":33,"updated_at":121},"2026-06-13T21:48:00.833Z"]