[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fenode\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":281,"links":282,"dates":335},"\u002Fexamples\u002Fapps\u002Fenode\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Enode product screens examples - Nicelydone","Browse Enode screen design examples. Preview the interface screenshots and explore related UI patterns. One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca6ba150-0f91-45a2-9975-268ca35db253.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Enode design examples","\u002Fexamples\u002Fapps\u002Fenode",{"label":23,"to":4},"Enode 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,"twitter_username":34,"categories":35},"Enode","enode","One integration, 800+ energy devices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fenode-c7a4d0ab.png","https:\u002F\u002Fenode.com","EnodeHQ",[36,40,44],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},87,"CleanTech","cleantech",{"id":45,"title":46,"slug":47},88,"Sustainability","sustainability",[49,78,90,111,129,141,153,174,187,200,234,261],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"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",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":85,"app":88},"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",[83],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},[86,87],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":96,"component_categories":102,"app":109},"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",[97],{"id":98,"label":99,"slug":100,"rank":62,"group":101},6,"Verification","verification",{"id":64,"label":65,"slug":66},[103,107,108],{"id":104,"title":105,"slug":106},174,"Card","card",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":53,"height":116,"image_alt":117,"kind":56,"patterns":118,"component_categories":124,"app":127},"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",[119],{"id":120,"label":121,"slug":122,"rank":62,"group":123},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},[125,126],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":113,"description":131,"canonical_path":4,"image":132,"width":53,"height":54,"image_alt":117,"kind":56,"patterns":133,"component_categories":136,"app":139},"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",[134],{"id":120,"label":121,"slug":122,"rank":62,"group":135},{"id":64,"label":65,"slug":66},[137,138],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":113,"description":143,"canonical_path":4,"image":144,"width":53,"height":54,"image_alt":117,"kind":56,"patterns":145,"component_categories":148,"app":151},"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",[146],{"id":120,"label":121,"slug":122,"rank":62,"group":147},{"id":64,"label":65,"slug":66},[149,150],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":92,"description":155,"canonical_path":4,"image":156,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":157,"component_categories":168,"app":172},"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",[158,160],{"id":98,"label":99,"slug":100,"rank":62,"group":159},{"id":64,"label":65,"slug":66},{"id":161,"label":162,"slug":163,"rank":64,"group":164},122,"Success","success",{"id":165,"label":166,"slug":167},12,"States & Feedback","states-and-feedback",[169,170,171],{"id":104,"title":105,"slug":106},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":92,"description":176,"canonical_path":4,"image":177,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":178,"component_categories":181,"app":185},"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",[179],{"id":98,"label":99,"slug":100,"rank":62,"group":180},{"id":64,"label":65,"slug":66},[182,183,184],{"id":104,"title":105,"slug":106},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":92,"description":189,"canonical_path":4,"image":190,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":191,"component_categories":194,"app":198},"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",[192],{"id":98,"label":99,"slug":100,"rank":62,"group":193},{"id":64,"label":65,"slug":66},[195,196,197],{"id":104,"title":105,"slug":106},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":92,"description":202,"canonical_path":4,"image":203,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":204,"component_categories":225,"app":232},"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",[205,210,217],{"id":206,"label":207,"slug":208,"rank":62,"group":209},115,"Empty State","empty-state",{"id":165,"label":166,"slug":167},{"id":211,"label":212,"slug":213,"rank":64,"group":214},41,"Dashboard","dashboard",{"id":59,"label":215,"slug":216},"Data & Analysis","data-and-analysis",{"id":218,"label":219,"slug":220,"rank":221,"group":222},7,"Add & Create","add-and-create",2,{"id":221,"label":223,"slug":224},"Actions","actions",[226,230,231],{"id":227,"title":228,"slug":229},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":92,"description":236,"canonical_path":4,"image":237,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":238,"component_categories":249,"app":259},"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",[239,241],{"id":218,"label":219,"slug":220,"rank":62,"group":240},{"id":221,"label":223,"slug":224},{"id":242,"label":243,"slug":244,"rank":64,"group":245},102,"Settings","settings",{"id":246,"label":247,"slug":248},10,"Settings & Admin","settings-and-admin",[250,254,258],{"id":251,"title":252,"slug":253},284,"Modal","modal",{"id":255,"title":256,"slug":257},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":260},[],{"uuid":262,"title":92,"description":263,"canonical_path":4,"image":264,"width":53,"height":54,"image_alt":95,"kind":56,"patterns":265,"component_categories":270,"app":279},"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",[266,268],{"id":218,"label":219,"slug":220,"rank":62,"group":267},{"id":221,"label":223,"slug":224},{"id":242,"label":243,"slug":244,"rank":64,"group":269},{"id":246,"label":247,"slug":248},[271,275,276,277,278],{"id":272,"title":273,"slug":274},167,"Alert","alert",{"id":251,"title":252,"slug":253},{"id":255,"title":256,"slug":257},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":280},[],[],[283,285,287,289,291,293,295,297,299,302,305,308,311,314,317,319,323,327,331],{"label":99,"to":284},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":219,"to":286},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":121,"to":288},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":243,"to":290},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":60,"to":292},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":212,"to":294},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":207,"to":296},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":162,"to":298},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":300,"to":301},"Enode marketing pages","\u002Fexamples\u002Fapps\u002Fenode\u002Fmarketing",{"label":303,"to":304},"Enode user flows","\u002Fexamples\u002Fapps\u002Fenode\u002Fflows",{"label":306,"to":307},"Enode UI components","\u002Fexamples\u002Fapps\u002Fenode\u002Fcomponents",{"label":309,"to":310},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":312,"to":313},"CleanTech app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcleantech",{"label":315,"to":316},"Sustainability app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsustainability",{"label":318,"to":18},"All SaaS app examples",{"label":320,"to":321,"description":322},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":324,"to":325,"description":326},"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":328,"to":329,"description":330},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":332,"to":333,"description":334},"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":336,"updated_at":337},"2024-02-26T09:55:54.000Z","2026-09-13T13:02:39.000Z"]