[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fenode":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":306,"dates":342},"\u002Fexamples\u002Fapps\u002Fenode","detail","apps",true,{"title":9,"description":10,"og_image":11},"Enode design examples - Nicelydone","Explore Enode UI design examples. One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca6ba150-0f91-45a2-9975-268ca35db253.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Enode design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Enode",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fenode\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fenode\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fenode\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fenode\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Enode","enode","One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fenode-c7a4d0ab.png","https:\u002F\u002Fenode.com","EnodeHQ",[48,52,56],{"id":49,"title":50,"slug":51},37,"Developer APIs","developer-apis",{"id":53,"title":54,"slug":55},87,"CleanTech","cleantech",{"id":57,"title":58,"slug":59},88,"Sustainability","sustainability",[],[62,297,300,303],{"family":63,"examples":64},"screens",[65,94,106,127,145,157,169,190,203,216,250,277],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":92},"ca6ba150-0f91-45a2-9975-268ca35db253","Log in | Enode Developers","Sign-in screen where the user authenticates to the developer portal by entering their email address.",3024,1674,"Log in | Enode Developers from Enode","screen",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},4,"Sign In","sign-in",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84,88],{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":67,"description":96,"canonical_path":29,"image":97,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":98,"component_categories":101,"app":104},"ff09daa6-5e7f-4f99-aea1-84621005c9ba","Sign-in screen where the user enters their email address to access the developer portal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff09daa6-5e7f-4f99-aea1-84621005c9ba.png",[99],{"id":75,"label":76,"slug":77,"rank":78,"group":100},{"id":80,"label":81,"slug":82},[102,103],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":29,"image":110,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":112,"component_categories":118,"app":125},"92debaaa-9b75-4096-971f-ac78e78d046f","Enode Developers","Verification screen where the user is instructed to check their email for a login link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92debaaa-9b75-4096-971f-ac78e78d046f.png","Enode Developers from Enode",[113],{"id":114,"label":115,"slug":116,"rank":78,"group":117},6,"Verification","verification",{"id":80,"label":81,"slug":82},[119,123,124],{"id":120,"title":121,"slug":122},174,"Card","card",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":29,"image":131,"width":69,"height":132,"image_alt":133,"kind":72,"patterns":134,"component_categories":140,"app":143},"3dde4091-09c2-4039-aba1-b42d5d8a2cc3","Create account | Enode Developers","Signup page where the user creates an Enode developer account by providing their organization, name, and email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3dde4091-09c2-4039-aba1-b42d5d8a2cc3.png",1712,"Create account | Enode Developers from Enode",[135],{"id":136,"label":137,"slug":138,"rank":78,"group":139},5,"Sign Up","sign-up",{"id":80,"label":81,"slug":82},[141,142],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":144},[],{"uuid":146,"title":129,"description":147,"canonical_path":29,"image":148,"width":69,"height":70,"image_alt":133,"kind":72,"patterns":149,"component_categories":152,"app":155},"f1741717-3222-4662-ab6a-4d946c93f351","Signup page where developers create an account to access sample energy devices and API data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1741717-3222-4662-ab6a-4d946c93f351.png",[150],{"id":136,"label":137,"slug":138,"rank":78,"group":151},{"id":80,"label":81,"slug":82},[153,154],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":156},[],{"uuid":158,"title":129,"description":159,"canonical_path":29,"image":160,"width":69,"height":70,"image_alt":133,"kind":72,"patterns":161,"component_categories":164,"app":167},"2f03e335-1047-4abb-84c5-5249ed375e8f","Signup page where a developer creates an Enode account by providing their organization name, full name, and email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f03e335-1047-4abb-84c5-5249ed375e8f.png",[162],{"id":136,"label":137,"slug":138,"rank":78,"group":163},{"id":80,"label":81,"slug":82},[165,166],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":168},[],{"uuid":170,"title":108,"description":171,"canonical_path":29,"image":172,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":173,"component_categories":184,"app":188},"38230d05-e7b7-4b41-b12f-04d48685154f","Verification screen where the user is prompted to check their inbox for a link sent to their email address to finish setting up their developer account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38230d05-e7b7-4b41-b12f-04d48685154f.png",[174,176],{"id":114,"label":115,"slug":116,"rank":78,"group":175},{"id":80,"label":81,"slug":82},{"id":177,"label":178,"slug":179,"rank":80,"group":180},122,"Success","success",{"id":181,"label":182,"slug":183},12,"States & Feedback","states-and-feedback",[185,186,187],{"id":120,"title":121,"slug":122},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":108,"description":192,"canonical_path":29,"image":193,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":194,"component_categories":197,"app":201},"5ff80fcd-bee1-408c-8368-34fa38372bce","Verification screen where the user confirms their passwordless login to access the developer dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ff80fcd-bee1-408c-8368-34fa38372bce.png",[195],{"id":114,"label":115,"slug":116,"rank":78,"group":196},{"id":80,"label":81,"slug":82},[198,199,200],{"id":120,"title":121,"slug":122},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":108,"description":205,"canonical_path":29,"image":206,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":207,"component_categories":210,"app":214},"a52c4f3d-1bc5-4de6-ae7f-0bac707e4f53","Verification screen where the user clicks a button to confirm their magic link login attempt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa52c4f3d-1bc5-4de6-ae7f-0bac707e4f53.png",[208],{"id":114,"label":115,"slug":116,"rank":78,"group":209},{"id":80,"label":81,"slug":82},[211,212,213],{"id":120,"title":121,"slug":122},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":215},[],{"uuid":217,"title":108,"description":218,"canonical_path":29,"image":219,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":220,"component_categories":241,"app":248},"d60799c6-dfbe-45dd-bdce-6f9bf84ff8b9","Developer dashboard empty state welcoming the user and prompting them to create their first API client.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd60799c6-dfbe-45dd-bdce-6f9bf84ff8b9.png",[221,226,233],{"id":222,"label":223,"slug":224,"rank":78,"group":225},115,"Empty State","empty-state",{"id":181,"label":182,"slug":183},{"id":227,"label":228,"slug":229,"rank":80,"group":230},41,"Dashboard","dashboard",{"id":75,"label":231,"slug":232},"Data & Analysis","data-and-analysis",{"id":234,"label":235,"slug":236,"rank":237,"group":238},7,"Add & Create","add-and-create",2,{"id":237,"label":239,"slug":240},"Actions","actions",[242,246,247],{"id":243,"title":244,"slug":245},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":108,"description":252,"canonical_path":29,"image":253,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":254,"component_categories":265,"app":275},"92e29d04-d454-4be4-9bab-b718a812e31f","Create modal where the user configures a new client by providing an internal name, a public display name, and selecting an environment tier like Sandbox or Production.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92e29d04-d454-4be4-9bab-b718a812e31f.png",[255,257],{"id":234,"label":235,"slug":236,"rank":78,"group":256},{"id":237,"label":239,"slug":240},{"id":258,"label":259,"slug":260,"rank":80,"group":261},102,"Settings","settings",{"id":262,"label":263,"slug":264},10,"Settings & Admin","settings-and-admin",[266,270,274],{"id":267,"title":268,"slug":269},284,"Modal","modal",{"id":271,"title":272,"slug":273},260,"Badge","badge",{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":276},[],{"uuid":278,"title":108,"description":279,"canonical_path":29,"image":280,"width":69,"height":70,"image_alt":111,"kind":72,"patterns":281,"component_categories":286,"app":295},"156df1d2-af60-4c05-9735-b7675babd663","Modal where the user creates a new API client by providing an internal name, a display name, and selecting an environment like Sandbox or Production.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F156df1d2-af60-4c05-9735-b7675babd663.png",[282,284],{"id":234,"label":235,"slug":236,"rank":78,"group":283},{"id":237,"label":239,"slug":240},{"id":258,"label":259,"slug":260,"rank":80,"group":285},{"id":262,"label":263,"slug":264},[287,291,292,293,294],{"id":288,"title":289,"slug":290},167,"Alert","alert",{"id":267,"title":268,"slug":269},{"id":271,"title":272,"slug":273},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":296},[],{"family":298,"examples":299},"flows",[],{"family":301,"examples":302},"components",[],{"family":304,"examples":305},"pages",[],[307,309,311,313,315,318,321,324,326,330,334,338],{"label":308,"to":29},"Enode product screens",{"label":310,"to":38},"Enode marketing pages",{"label":312,"to":32},"Enode user flows",{"label":314,"to":35},"Enode UI components",{"label":316,"to":317},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":319,"to":320},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":322,"to":323},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"label":325,"to":18},"All SaaS app examples",{"label":327,"to":328,"description":329},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":331,"to":332,"description":333},"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":335,"to":336,"description":337},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":339,"to":340,"description":341},"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":343,"updated_at":344},"2024-02-26T09:54:37.000Z","2026-09-21T00:10:24.000Z"]