[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F06e3cefa-bbc1-4f4d-9c0f-59c802bf9ffc":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":75,"links":76,"dates":85},"\u002Fexamples\u002Fscreens\u002F06e3cefa-bbc1-4f4d-9c0f-59c802bf9ffc","detail","screens",true,{"title":9,"description":10,"og_image":11},"Onboarding - Nicelydone","Screen UI design example from Treehouse. Onboarding step where the user selects what they want to build from options like mobile apps, web apps, or websites…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftreehouse_onboarding-2_baf16fee_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":23,"sections":24,"body":25},"Screen design","Screen UI design example from Treehouse. Onboarding step where the user selects what they want to build from options like mobile apps, web apps, or websites to personalize their course recommendations.",[],[],[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":52,"app":61},"06e3cefa-bbc1-4f4d-9c0f-59c802bf9ffc","Onboarding step where the user selects what they want to build from options like mobile apps, web apps, or websites to personalize their course recommendations.","\u002Fexamples\u002Fapps\u002Ftreehouse\u002Fscreens",2780,1544,"Onboarding from Treehouse","2016-06-21T08:42:23.000Z","screen",[37,46],{"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},77,"Welcome","welcome",1,{"id":43,"label":44,"slug":45},[53,57],{"id":54,"title":55,"slug":56},174,"Card","card",{"id":58,"title":59,"slug":60},175,"Button","button",{"slug":62,"title":63,"logo":64,"baseline":65,"categories":66},"treehouse","Treehouse","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftreehouse-79f84fed.png","Effective, affordable tech education",[67,71],{"id":68,"title":69,"slug":70},32,"Education","education",{"id":72,"title":73,"slug":74},33,"E-Learning","e-learning",[],[77,79,81,83],{"label":39,"to":78},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":48,"to":80},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":82,"to":30},"Treehouse screen designs",{"label":84,"to":18},"All screen examples",{"published_at":34,"updated_at":86},"2026-06-13T21:48:01.640Z"]