[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdiy":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":347,"dates":367},"\u002Fexamples\u002Fapps\u002Fdiy","detail","apps",true,{"title":9,"description":10,"og_image":11},"DIY design examples - Nicelydone","Explore DIY UI design examples. Kids learning skills and being awesome","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_sign-in_81c029e4_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"DIY design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore DIY",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdiy\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fdiy\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"DIY","diy","Kids learning skills and being awesome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdiy-5bbee72f.png","https:\u002F\u002Fdiy.org",[41,45,49],{"id":42,"title":43,"slug":44},32,"Education","education",{"id":46,"title":47,"slug":48},62,"Kids","kids",{"id":50,"title":51,"slug":52},1,"Communities","communities",[],[55,344],{"family":56,"examples":57},"screens",[58,90,107,136,148,167,214,236,261,270,295,318],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":75,"app":88},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},2,"Forgot Password","forgot-password",0,{"id":50,"label":73,"slug":74},"Access & Account","access-and-account",[76,80,84],{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},233,"Tabs","tabs",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":29,"image":94,"width":62,"height":63,"image_alt":95,"kind":65,"patterns":96,"component_categories":99,"app":105},"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",[97],{"id":68,"label":69,"slug":70,"rank":71,"group":98},{"id":50,"label":73,"slug":74},[100,104],{"id":101,"title":102,"slug":103},174,"Card","card",{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":29,"image":111,"width":62,"height":63,"image_alt":112,"kind":65,"patterns":113,"component_categories":127,"app":134},"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",[114,119],{"id":115,"label":116,"slug":117,"rank":71,"group":118},5,"Sign Up","sign-up",{"id":50,"label":73,"slug":74},{"id":120,"label":121,"slug":122,"rank":50,"group":123},30,"AI Generation","ai-generation",{"id":124,"label":125,"slug":126},3,"AI","ai",[128,132,133],{"id":129,"title":130,"slug":131},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":135},[],{"uuid":137,"title":109,"description":138,"canonical_path":29,"image":139,"width":62,"height":63,"image_alt":112,"kind":65,"patterns":140,"component_categories":143,"app":146},"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",[141],{"id":115,"label":116,"slug":117,"rank":71,"group":142},{"id":50,"label":73,"slug":74},[144,145],{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":147},[],{"uuid":149,"title":109,"description":150,"canonical_path":29,"image":151,"width":62,"height":63,"image_alt":112,"kind":65,"patterns":152,"component_categories":163,"app":165},"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",[153,161],{"id":154,"label":155,"slug":156,"rank":71,"group":157},77,"Welcome","welcome",{"id":158,"label":159,"slug":160},7,"Onboarding & Education","onboarding-and-education",{"id":115,"label":116,"slug":117,"rank":50,"group":162},{"id":50,"label":73,"slug":74},[164],{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":29,"image":171,"width":62,"height":172,"image_alt":173,"kind":65,"patterns":174,"component_categories":191,"app":212},"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",[175,183],{"id":176,"label":177,"slug":178,"rank":71,"group":179},79,"Browse","browse",{"id":180,"label":181,"slug":182},8,"Pages & Content","pages-and-content",{"id":184,"label":185,"slug":186,"rank":50,"group":187},65,"Navigation Menu","navigation-menu",{"id":188,"label":189,"slug":190},6,"Navigation & Commands","navigation-and-commands",[192,196,200,201,205,209,210,211],{"id":193,"title":194,"slug":195},260,"Badge","badge",{"id":197,"title":198,"slug":199},258,"Header","header",{"id":81,"title":82,"slug":83},{"id":202,"title":203,"slug":204},202,"Footer","footer",{"id":206,"title":207,"slug":208},240,"Horizontal navigation","horizontal-navigation",{"id":129,"title":130,"slug":131},{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":213},[],{"uuid":215,"title":216,"description":217,"canonical_path":29,"image":218,"width":62,"height":219,"image_alt":220,"kind":65,"patterns":221,"component_categories":227,"app":234},"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",[222],{"id":223,"label":224,"slug":225,"rank":71,"group":226},74,"Onboarding Checklist","onboarding-checklist",{"id":158,"label":159,"slug":160},[228,229,230,231,232,233],{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":129,"title":130,"slug":131},{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":235},[],{"uuid":237,"title":238,"description":239,"canonical_path":29,"image":240,"width":62,"height":241,"image_alt":242,"kind":65,"patterns":243,"component_categories":253,"app":259},"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",[244,250],{"id":124,"label":238,"slug":245,"rank":71,"group":246},"profile",{"id":247,"label":248,"slug":249},11,"Social & Collaboration","social-and-collaboration",{"id":251,"label":82,"slug":83,"rank":50,"group":252},69,{"id":188,"label":189,"slug":190},[254,255,256,257,258],{"id":81,"title":82,"slug":83},{"id":206,"title":207,"slug":208},{"id":129,"title":130,"slug":131},{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":260},[],{"uuid":262,"title":238,"description":263,"canonical_path":29,"image":264,"width":62,"height":265,"image_alt":242,"kind":65,"patterns":266,"component_categories":267,"app":268},"88241023-edeb-4676-9b63-dacf6e474a89","User profile","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdiy_profile-2_42f9cda9_nicelydone.jpg",3544,[],[],{"slug":36,"title":35,"logo":38,"categories":269},[],{"uuid":271,"title":238,"description":272,"canonical_path":29,"image":273,"width":62,"height":274,"image_alt":242,"kind":65,"patterns":275,"component_categories":287,"app":293},"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,[276,278,285],{"id":124,"label":238,"slug":245,"rank":71,"group":277},{"id":247,"label":248,"slug":249},{"id":279,"label":280,"slug":281,"rank":50,"group":282},14,"Follow","follow",{"id":68,"label":283,"slug":284},"Actions","actions",{"id":251,"label":82,"slug":83,"rank":68,"group":286},{"id":188,"label":189,"slug":190},[288,289,290,291,292],{"id":81,"title":82,"slug":83},{"id":206,"title":207,"slug":208},{"id":129,"title":130,"slug":131},{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":294},[],{"uuid":296,"title":297,"description":298,"canonical_path":29,"image":299,"width":62,"height":300,"image_alt":301,"kind":65,"patterns":302,"component_categories":310,"app":316},"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",[303,305],{"id":176,"label":177,"slug":178,"rank":71,"group":304},{"id":180,"label":181,"slug":182},{"id":306,"label":307,"slug":308,"rank":50,"group":309},13,"Filter & Sort","filter-and-sort",{"id":68,"label":283,"slug":284},[311,312,313,314,315],{"id":193,"title":194,"slug":195},{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":101,"title":102,"slug":103},{"slug":36,"title":35,"logo":38,"categories":317},[],{"uuid":319,"title":320,"description":321,"canonical_path":29,"image":322,"width":62,"height":323,"image_alt":324,"kind":65,"patterns":325,"component_categories":334,"app":342},"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",[326,330,332],{"id":327,"label":320,"slug":328,"rank":71,"group":329},22,"search",{"id":68,"label":283,"slug":284},{"id":176,"label":177,"slug":178,"rank":50,"group":331},{"id":180,"label":181,"slug":182},{"id":306,"label":307,"slug":308,"rank":68,"group":333},{"id":68,"label":283,"slug":284},[335,336,337,338,339,340,341],{"id":193,"title":194,"slug":195},{"id":197,"title":198,"slug":199},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":129,"title":130,"slug":131},{"id":101,"title":102,"slug":103},{"id":85,"title":86,"slug":87},{"slug":36,"title":35,"logo":38,"categories":343},[],{"family":345,"examples":346},"pages",[],[348,350,352,355,358,361,364],{"label":349,"to":29},"DIY product screens",{"label":351,"to":32},"DIY marketing pages",{"label":353,"to":354},"DIY user flows","\u002Fexamples\u002Fapps\u002Fdiy\u002Fflows",{"label":356,"to":357},"DIY UI components","\u002Fexamples\u002Fapps\u002Fdiy\u002Fcomponents",{"label":359,"to":360},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":362,"to":363},"Kids app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fkids",{"label":365,"to":366},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"published_at":368,"updated_at":369},"2016-08-25T08:00:00.000Z","2026-09-13T13:02:39.000Z"]