[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdiy\u002Fcomponents":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":11,"content":23,"app":27,"examples":46,"showcases":47,"links":48,"dates":85},"\u002Fexamples\u002Fapps\u002Fdiy\u002Fcomponents","detail","components",false,{"title":9,"description":10},"DIY UI components examples - Nicelydone","Browse DIY UI component design examples. Preview individual interface elements and explore related component categories. Kids learning skills and being awesome",[12,15,18,21],{"label":13,"to":14},"Examples","\u002Fexamples",{"label":16,"to":17},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":19,"to":20},"DIY design examples","\u002Fexamples\u002Fapps\u002Fdiy",{"label":22,"to":4},"DIY UI components examples",{"title":22,"eyebrow":24,"description":10,"sections":25,"body":26},"SaaS app examples",[],[],{"title":28,"slug":29,"description":30,"logo":31,"url":32,"categories":33},"DIY","diy","Kids learning skills and being awesome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdiy-5bbee72f.png","https:\u002F\u002Fdiy.org",[34,38,42],{"id":35,"title":36,"slug":37},32,"Education","education",{"id":39,"title":40,"slug":41},62,"Kids","kids",{"id":43,"title":44,"slug":45},1,"Communities","communities",[],[],[49,52,55,58,61,64,67,69,73,77,81],{"label":50,"to":51},"DIY product screens","\u002Fexamples\u002Fapps\u002Fdiy\u002Fscreens",{"label":53,"to":54},"DIY marketing pages","\u002Fexamples\u002Fapps\u002Fdiy\u002Fmarketing",{"label":56,"to":57},"DIY user flows","\u002Fexamples\u002Fapps\u002Fdiy\u002Fflows",{"label":59,"to":60},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":62,"to":63},"Kids app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fkids",{"label":65,"to":66},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":68,"to":17},"All SaaS app examples",{"label":70,"to":71,"description":72},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":74,"to":75,"description":76},"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":78,"to":79,"description":80},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":82,"to":83,"description":84},"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":86,"updated_at":87},"2016-08-25T08:00:00.000Z","2026-09-13T13:02:39.000Z"]