[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmilanote\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":312,"links":313,"dates":374},"\u002Fexamples\u002Fapps\u002Fmilanote\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Milanote product screens examples - Nicelydone","Browse Milanote screen design examples. Preview the interface screenshots and explore related UI patterns. The notes app for creative work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0184c296-18d3-48c3-90bc-96b08cae488e.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},"Milanote design examples","\u002Fexamples\u002Fapps\u002Fmilanote",{"label":23,"to":4},"Milanote 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},"Milanote","milanote","The notes app for creative work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmilanote-180d1138.png","http:\u002F\u002Fwww.milanote.com\u002F",[35,39,43,47,51],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},65,"Social Bookmarking","social-bookmarking",{"id":44,"title":45,"slug":46},2,"Content Curation","content-curation",{"id":48,"title":49,"slug":50},23,"Collaboration","collaboration",{"id":52,"title":53,"slug":54},30,"Productivity","productivity",[56,84,98,117,132,144,174,191,222,246,267,285],{"uuid":57,"title":29,"description":58,"canonical_path":4,"image":11,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":63,"component_categories":73,"app":82},"0184c296-18d3-48c3-90bc-96b08cae488e","Sign-in screen where the user authenticates with email and password, Google, or Apple.",3072,1716,"Milanote from Milanote","screen",[64],{"id":65,"label":66,"slug":67,"rank":68,"group":69},4,"Sign In","sign-in",0,{"id":70,"label":71,"slug":72},1,"Access & Account","access-and-account",[74,78],{"id":75,"title":76,"slug":77},174,"Card","card",{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":29,"description":86,"canonical_path":4,"image":87,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":88,"component_categories":93,"app":96},"b9d47b98-eed7-485c-b624-5ff606193f4f","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9d47b98-eed7-485c-b624-5ff606193f4f.png",[89],{"id":44,"label":90,"slug":91,"rank":68,"group":92},"Forgot Password","forgot-password",{"id":70,"label":71,"slug":72},[94,95],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":29,"description":100,"canonical_path":4,"image":101,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":102,"component_categories":113,"app":115},"c2c039b4-b800-4bd5-ac06-77ae8645c777","Password recovery screen confirming that a reset link has been sent to the user's email address, with a link to return to the login screen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2c039b4-b800-4bd5-ac06-77ae8645c777.png",[103,111],{"id":104,"label":105,"slug":106,"rank":68,"group":107},122,"Success","success",{"id":108,"label":109,"slug":110},12,"States & Feedback","states-and-feedback",{"id":44,"label":90,"slug":91,"rank":70,"group":112},{"id":70,"label":71,"slug":72},[114],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":29,"description":119,"canonical_path":4,"image":120,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":121,"component_categories":127,"app":130},"dab72696-7bc4-49f4-8b67-d9b67e340bb3","Signup screen where the user creates an account using their name, email, and password, or authenticates via Google or Apple SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdab72696-7bc4-49f4-8b67-d9b67e340bb3.png",[122],{"id":123,"label":124,"slug":125,"rank":68,"group":126},5,"Sign Up","sign-up",{"id":70,"label":71,"slug":72},[128,129],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":29,"description":134,"canonical_path":4,"image":135,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":136,"component_categories":139,"app":142},"30484c26-389d-4029-a376-52dc13c22319","Signup screen where the user creates an account using their email and password or via Google and Apple OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30484c26-389d-4029-a376-52dc13c22319.png",[137],{"id":123,"label":124,"slug":125,"rank":68,"group":138},{"id":70,"label":71,"slug":72},[140,141],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":29,"description":146,"canonical_path":4,"image":147,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":148,"component_categories":162,"app":172},"736f541f-5f25-4bac-9e9f-79c9200b07c7","Onboarding step where the user selects their profession from a list of checkboxes to personalize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F736f541f-5f25-4bac-9e9f-79c9200b07c7.png",[149,157],{"id":150,"label":151,"slug":152,"rank":68,"group":153},74,"Onboarding Checklist","onboarding-checklist",{"id":154,"label":155,"slug":156},7,"Onboarding & Education","onboarding-and-education",{"id":158,"label":159,"slug":160,"rank":70,"group":161},75,"Setup Wizard","setup-wizard",{"id":154,"label":155,"slug":156},[163,167,171],{"id":164,"title":165,"slug":166},284,"Modal","modal",{"id":168,"title":169,"slug":170},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":29,"description":176,"canonical_path":4,"image":177,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":178,"component_categories":185,"app":189},"2852742f-90be-4b7a-a1cf-cbd2f1fbbd17","Onboarding step where the user selects their professional role from a list of design and creative titles to personalize their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2852742f-90be-4b7a-a1cf-cbd2f1fbbd17.png",[179,181],{"id":150,"label":151,"slug":152,"rank":68,"group":180},{"id":154,"label":155,"slug":156},{"id":70,"label":182,"slug":183,"rank":70,"group":184},"Account Setup","account-setup",{"id":70,"label":71,"slug":72},[186,187,188],{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":29,"description":193,"canonical_path":4,"image":194,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":195,"component_categories":213,"app":220},"e3a78714-60ce-4f9d-8c37-4ac735209740","Empty whiteboard canvas where a coach mark prompts the user to drag out a new board from the sidebar to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3a78714-60ce-4f9d-8c37-4ac735209740.png",[196,201,206],{"id":197,"label":198,"slug":199,"rank":68,"group":200},115,"Empty State","empty-state",{"id":108,"label":109,"slug":110},{"id":202,"label":203,"slug":204,"rank":70,"group":205},72,"Getting Started","getting-started",{"id":154,"label":155,"slug":156},{"id":207,"label":208,"slug":209,"rank":44,"group":210},10,"Drag & Drop","drag-and-drop",{"id":44,"label":211,"slug":212},"Actions","actions",[214,218,219],{"id":215,"title":216,"slug":217},260,"Badge","badge",{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":29,"description":224,"canonical_path":4,"image":225,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":226,"component_categories":233,"app":244},"91230ce7-4b5d-42b7-b8a6-4e3462d813d1","Empty whiteboard canvas where the user is prompted by a popover to name their newly created board.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F91230ce7-4b5d-42b7-b8a6-4e3462d813d1.png",[227,231],{"id":154,"label":228,"slug":229,"rank":68,"group":230},"Add & Create","add-and-create",{"id":44,"label":211,"slug":212},{"id":197,"label":198,"slug":199,"rank":70,"group":232},{"id":108,"label":109,"slug":110},[234,238,242,243],{"id":235,"title":236,"slug":237},214,"Popover","popover",{"id":239,"title":240,"slug":241},177,"Breadcrumb","breadcrumb",{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":29,"description":248,"canonical_path":4,"image":249,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":250,"component_categories":262,"app":265},"4dfec46d-2136-4642-94c0-6b7ea2873452","Design editor whiteboard where a product tour tooltip instructs the user to double-click their first board to open it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dfec46d-2136-4642-94c0-6b7ea2873452.png",[251,253,260],{"id":202,"label":203,"slug":204,"rank":68,"group":252},{"id":154,"label":155,"slug":156},{"id":254,"label":255,"slug":256,"rank":70,"group":257},55,"Design Editor","design-editor",{"id":123,"label":258,"slug":259},"Media & Tools","media-and-tools",{"id":197,"label":198,"slug":199,"rank":44,"group":261},{"id":108,"label":109,"slug":110},[263,264],{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":4,"image":271,"width":59,"height":60,"image_alt":272,"kind":62,"patterns":273,"component_categories":278,"app":283},"267bc927-6efa-4a3e-b48f-48e780bd985c","My first board - Milanote","Empty whiteboard canvas where the user is guided by an onboarding popover to acknowledge the updated top navigation bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F267bc927-6efa-4a3e-b48f-48e780bd985c.png","My first board - Milanote from Milanote",[274,276],{"id":197,"label":198,"slug":199,"rank":68,"group":275},{"id":108,"label":109,"slug":110},{"id":150,"label":151,"slug":152,"rank":70,"group":277},{"id":154,"label":155,"slug":156},[279,280,281,282],{"id":235,"title":236,"slug":237},{"id":239,"title":240,"slug":241},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":269,"description":287,"canonical_path":4,"image":288,"width":59,"height":60,"image_alt":272,"kind":62,"patterns":289,"component_categories":304,"app":310},"b8950412-9d09-4275-a7e2-ec5ffd1ff3b2","Design editor where the user selects a starting template for their new empty board from a floating dialog.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8950412-9d09-4275-a7e2-ec5ffd1ff3b2.png",[290,292,299,301],{"id":254,"label":255,"slug":256,"rank":68,"group":291},{"id":123,"label":258,"slug":259},{"id":293,"label":294,"slug":295,"rank":70,"group":296},86,"Templates","templates",{"id":36,"label":297,"slug":298},"Pages & Content","pages-and-content",{"id":154,"label":228,"slug":229,"rank":44,"group":300},{"id":44,"label":211,"slug":212},{"id":197,"label":198,"slug":199,"rank":302,"group":303},3,{"id":108,"label":109,"slug":110},[305,306,307,308,309],{"id":215,"title":216,"slug":217},{"id":239,"title":240,"slug":241},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":311},[],[],[314,316,318,320,322,324,326,328,330,332,334,336,338,341,344,347,350,353,356,358,362,366,370],{"label":198,"to":315},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":151,"to":317},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":228,"to":319},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":255,"to":321},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":90,"to":323},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":203,"to":325},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":124,"to":327},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":182,"to":329},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":208,"to":331},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":159,"to":333},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":66,"to":335},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":105,"to":337},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":339,"to":340},"Milanote marketing pages","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fmarketing",{"label":342,"to":343},"Milanote user flows","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fflows",{"label":345,"to":346},"Milanote UI components","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fcomponents",{"label":348,"to":349},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":351,"to":352},"Social Bookmarking app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-bookmarking",{"label":354,"to":355},"Content Curation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcontent-curation",{"label":357,"to":18},"All SaaS app examples",{"label":359,"to":360,"description":361},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":363,"to":364,"description":365},"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":367,"to":368,"description":369},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":371,"to":372,"description":373},"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":375,"updated_at":376},"2017-04-03T21:41:47.000Z","2026-09-13T13:02:39.000Z"]