[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdiy\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":334,"links":335,"dates":396},"\u002Fexamples\u002Fapps\u002Fdiy\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"DIY product screens examples - Nicelydone","Browse DIY screen design examples. Preview the interface screenshots and explore related UI patterns. Kids learning skills and being awesome","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_sign-in_81c029e4_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"DIY design examples","\u002Fexamples\u002Fapps\u002Fdiy",{"label":23,"to":4},"DIY product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"DIY","diy","Kids learning skills and being awesome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdiy-5bbee72f.png","https:\u002F\u002Fdiy.org",[35,39,43],{"id":36,"title":37,"slug":38},32,"Education","education",{"id":40,"title":41,"slug":42},62,"Kids","kids",{"id":44,"title":45,"slug":46},1,"Communities","communities",[48,80,97,126,138,157,204,226,251,260,285,308],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":78},"dfeccdac-e0d2-4314-8257-88f21921c0ce","Sign in","Sign-in modal where the user can enter their nickname and password to access their account, or switch to a sign-up prompt to join the community.",2800,1544,"Sign in from DIY","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},2,"Forgot Password","forgot-password",0,{"id":44,"label":63,"slug":64},"Access & Account","access-and-account",[66,70,74],{"id":67,"title":68,"slug":69},284,"Modal","modal",{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":52,"height":53,"image_alt":85,"kind":55,"patterns":86,"component_categories":89,"app":95},"c2279023-57d3-4121-b611-b4b41a4a2bda","Password reset","Password recovery screen where the user enters their nickname or email to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_password-reset_67496bd6_nicelydone.jpg","Password reset from DIY",[87],{"id":58,"label":59,"slug":60,"rank":61,"group":88},{"id":44,"label":63,"slug":64},[90,94],{"id":91,"title":92,"slug":93},174,"Card","card",{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":52,"height":53,"image_alt":102,"kind":55,"patterns":103,"component_categories":117,"app":124},"d3e613f8-8a3b-4d05-8337-00cf82edc029","Sign up","Creation screen where the user sets up a kid's profile by entering a nickname, password, birthday, and real name, with an option to auto-generate a nickname.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_sign-up_ec9862b4_nicelydone.jpg","Sign up from DIY",[104,109],{"id":105,"label":106,"slug":107,"rank":61,"group":108},5,"Sign Up","sign-up",{"id":44,"label":63,"slug":64},{"id":110,"label":111,"slug":112,"rank":44,"group":113},30,"AI Generation","ai-generation",{"id":114,"label":115,"slug":116},3,"AI","ai",[118,122,123],{"id":119,"title":120,"slug":121},169,"Avatar","avatar",{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":99,"description":128,"canonical_path":4,"image":129,"width":52,"height":53,"image_alt":102,"kind":55,"patterns":130,"component_categories":133,"app":136},"29e3f2da-4a16-428e-b46b-2a1c39bc0dbe","Signup screen where the user enters their email address to complete the final step of the account creation process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_sign-up-2_49fecc88_nicelydone.jpg",[131],{"id":105,"label":106,"slug":107,"rank":61,"group":132},{"id":44,"label":63,"slug":64},[134,135],{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":99,"description":140,"canonical_path":4,"image":141,"width":52,"height":53,"image_alt":102,"kind":55,"patterns":142,"component_categories":153,"app":155},"abc83c04-4bbd-471a-b177-055ad51c6f6d","Onboarding welcome screen where the user is greeted and prompted to start making.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_sign-up-3_89dd8081_nicelydone.jpg",[143,151],{"id":144,"label":145,"slug":146,"rank":61,"group":147},77,"Welcome","welcome",{"id":148,"label":149,"slug":150},7,"Onboarding & Education","onboarding-and-education",{"id":105,"label":106,"slug":107,"rank":44,"group":152},{"id":44,"label":63,"slug":64},[154],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":4,"image":161,"width":52,"height":162,"image_alt":163,"kind":55,"patterns":164,"component_categories":181,"app":202},"9c8796c7-4b19-4e56-8198-1958f296ae42","Home","Community homepage showcasing trending topics, a featured video, recent user activity, and a grid of staff-picked DIY projects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_home_61e9311a_nicelydone.jpg",5468,"Home from DIY",[165,173],{"id":166,"label":167,"slug":168,"rank":61,"group":169},79,"Browse","browse",{"id":170,"label":171,"slug":172},8,"Pages & Content","pages-and-content",{"id":174,"label":175,"slug":176,"rank":44,"group":177},65,"Navigation Menu","navigation-menu",{"id":178,"label":179,"slug":180},6,"Navigation & Commands","navigation-and-commands",[182,186,190,191,195,199,200,201],{"id":183,"title":184,"slug":185},260,"Badge","badge",{"id":187,"title":188,"slug":189},258,"Header","header",{"id":71,"title":72,"slug":73},{"id":192,"title":193,"slug":194},202,"Footer","footer",{"id":196,"title":197,"slug":198},240,"Horizontal navigation","horizontal-navigation",{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":52,"height":209,"image_alt":210,"kind":55,"patterns":211,"component_categories":217,"app":224},"f0f7e425-e8a1-4a8c-a3a0-839c5e9598f9","Onboarding","Community showcase page recommending makers for the user to follow, displayed in a simple grid of cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_onboarding_ca5a2975_nicelydone.jpg",3258,"Onboarding from DIY",[212],{"id":213,"label":214,"slug":215,"rank":61,"group":216},74,"Onboarding Checklist","onboarding-checklist",{"id":148,"label":149,"slug":150},[218,219,220,221,222,223],{"id":187,"title":188,"slug":189},{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":4,"image":230,"width":52,"height":231,"image_alt":232,"kind":55,"patterns":233,"component_categories":243,"app":249},"7055290b-cf1d-462b-97b7-44186da87b8b","Profile","Detail page for a user profile where visitors can view their artwork posts, follower counts, and choose to follow the account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_profile_16299e9f_nicelydone.jpg",3248,"Profile from DIY",[234,240],{"id":114,"label":228,"slug":235,"rank":61,"group":236},"profile",{"id":237,"label":238,"slug":239},11,"Social & Collaboration","social-and-collaboration",{"id":241,"label":72,"slug":73,"rank":44,"group":242},69,{"id":178,"label":179,"slug":180},[244,245,246,247,248],{"id":71,"title":72,"slug":73},{"id":196,"title":197,"slug":198},{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":228,"description":253,"canonical_path":4,"image":254,"width":52,"height":255,"image_alt":232,"kind":55,"patterns":256,"component_categories":257,"app":258},"88241023-edeb-4676-9b63-dacf6e474a89","User profile","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_profile-2_42f9cda9_nicelydone.jpg",3544,[],[],{"slug":30,"title":29,"logo":32,"categories":259},[],{"uuid":261,"title":228,"description":262,"canonical_path":4,"image":263,"width":52,"height":264,"image_alt":232,"kind":55,"patterns":265,"component_categories":277,"app":283},"3d5c316d-27c1-4e5a-9f4b-901b3e7c556d","Detail page for a user profile where the visitor can view and follow the user's followers in a grid layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_profile-3_2331a1fe_nicelydone.jpg",3952,[266,268,275],{"id":114,"label":228,"slug":235,"rank":61,"group":267},{"id":237,"label":238,"slug":239},{"id":269,"label":270,"slug":271,"rank":44,"group":272},14,"Follow","follow",{"id":58,"label":273,"slug":274},"Actions","actions",{"id":241,"label":72,"slug":73,"rank":58,"group":276},{"id":178,"label":179,"slug":180},[278,279,280,281,282],{"id":71,"title":72,"slug":73},{"id":196,"title":197,"slug":198},{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":287,"description":288,"canonical_path":4,"image":289,"width":52,"height":290,"image_alt":291,"kind":55,"patterns":292,"component_categories":300,"app":306},"284144f0-0d59-4867-850c-e219b253584e","Collection","Directory page where users can browse and filter a large grid of skills and activities to try, categorized by topics like Art, Athletics, and Building.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_collection_b9fee228_nicelydone.jpg",31894,"Collection from DIY",[293,295],{"id":166,"label":167,"slug":168,"rank":61,"group":294},{"id":170,"label":171,"slug":172},{"id":296,"label":297,"slug":298,"rank":44,"group":299},13,"Filter & Sort","filter-and-sort",{"id":58,"label":273,"slug":274},[301,302,303,304,305],{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":91,"title":92,"slug":93},{"slug":30,"title":29,"logo":32,"categories":307},[],{"uuid":309,"title":310,"description":311,"canonical_path":4,"image":312,"width":52,"height":313,"image_alt":314,"kind":55,"patterns":315,"component_categories":324,"app":332},"82ba2838-f324-47a7-a516-a940a841c1b8","Search","Community gallery page displaying a grid of user-submitted tipi projects with a toggle to sort by trending or newest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_search_98072280_nicelydone.jpg",4154,"Search from DIY",[316,320,322],{"id":317,"label":310,"slug":318,"rank":61,"group":319},22,"search",{"id":58,"label":273,"slug":274},{"id":166,"label":167,"slug":168,"rank":44,"group":321},{"id":170,"label":171,"slug":172},{"id":296,"label":297,"slug":298,"rank":58,"group":323},{"id":58,"label":273,"slug":274},[325,326,327,328,329,330,331],{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":119,"title":120,"slug":121},{"id":91,"title":92,"slug":93},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":333},[],[],[336,338,340,342,344,346,348,350,352,354,356,358,360,363,366,369,372,375,378,380,384,388,392],{"label":167,"to":337},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":106,"to":339},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":297,"to":341},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":59,"to":343},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":228,"to":345},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":72,"to":347},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":111,"to":349},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":270,"to":351},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":175,"to":353},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":214,"to":355},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":310,"to":357},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":145,"to":359},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":361,"to":362},"DIY marketing pages","\u002Fexamples\u002Fapps\u002Fdiy\u002Fmarketing",{"label":364,"to":365},"DIY user flows","\u002Fexamples\u002Fapps\u002Fdiy\u002Fflows",{"label":367,"to":368},"DIY UI components","\u002Fexamples\u002Fapps\u002Fdiy\u002Fcomponents",{"label":370,"to":371},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":373,"to":374},"Kids app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fkids",{"label":376,"to":377},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":379,"to":18},"All SaaS app examples",{"label":381,"to":382,"description":383},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":385,"to":386,"description":387},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":389,"to":390,"description":391},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":393,"to":394,"description":395},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":397,"updated_at":398},"2016-08-25T08:00:00.000Z","2026-09-13T13:02:39.000Z"]