[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmilanote":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":64,"showcases":65,"links":331,"dates":368},"\u002Fexamples\u002Fapps\u002Fmilanote","detail","apps",true,{"title":9,"description":10,"og_image":11},"Milanote design examples - Nicelydone","Explore Milanote UI design examples. The notes app for creative work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0184c296-18d3-48c3-90bc-96b08cae488e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Milanote design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Milanote",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Milanote","milanote","The notes app for creative work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmilanote-180d1138.png","http:\u002F\u002Fwww.milanote.com\u002F",[44,48,52,56,60],{"id":45,"title":46,"slug":47},8,"Design","design",{"id":49,"title":50,"slug":51},65,"Social Bookmarking","social-bookmarking",{"id":53,"title":54,"slug":55},2,"Content Curation","content-curation",{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",{"id":61,"title":62,"slug":63},30,"Productivity","productivity",[],[66,325,328],{"family":67,"examples":68},"screens",[69,97,111,130,145,157,187,204,235,259,280,298],{"uuid":70,"title":38,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":95},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},4,"Sign In","sign-in",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87,91],{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":96},[],{"uuid":98,"title":38,"description":99,"canonical_path":29,"image":100,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":101,"component_categories":106,"app":109},"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",[102],{"id":53,"label":103,"slug":104,"rank":81,"group":105},"Forgot Password","forgot-password",{"id":83,"label":84,"slug":85},[107,108],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":110},[],{"uuid":112,"title":38,"description":113,"canonical_path":29,"image":114,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":115,"component_categories":126,"app":128},"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",[116,124],{"id":117,"label":118,"slug":119,"rank":81,"group":120},122,"Success","success",{"id":121,"label":122,"slug":123},12,"States & Feedback","states-and-feedback",{"id":53,"label":103,"slug":104,"rank":83,"group":125},{"id":83,"label":84,"slug":85},[127],{"id":88,"title":89,"slug":90},{"slug":39,"title":38,"logo":41,"categories":129},[],{"uuid":131,"title":38,"description":132,"canonical_path":29,"image":133,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":134,"component_categories":140,"app":143},"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",[135],{"id":136,"label":137,"slug":138,"rank":81,"group":139},5,"Sign Up","sign-up",{"id":83,"label":84,"slug":85},[141,142],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":144},[],{"uuid":146,"title":38,"description":147,"canonical_path":29,"image":148,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":149,"component_categories":152,"app":155},"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",[150],{"id":136,"label":137,"slug":138,"rank":81,"group":151},{"id":83,"label":84,"slug":85},[153,154],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":156},[],{"uuid":158,"title":38,"description":159,"canonical_path":29,"image":160,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":161,"component_categories":175,"app":185},"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",[162,170],{"id":163,"label":164,"slug":165,"rank":81,"group":166},74,"Onboarding Checklist","onboarding-checklist",{"id":167,"label":168,"slug":169},7,"Onboarding & Education","onboarding-and-education",{"id":171,"label":172,"slug":173,"rank":83,"group":174},75,"Setup Wizard","setup-wizard",{"id":167,"label":168,"slug":169},[176,180,184],{"id":177,"title":178,"slug":179},284,"Modal","modal",{"id":181,"title":182,"slug":183},240,"Horizontal navigation","horizontal-navigation",{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":186},[],{"uuid":188,"title":38,"description":189,"canonical_path":29,"image":190,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":191,"component_categories":198,"app":202},"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",[192,194],{"id":163,"label":164,"slug":165,"rank":81,"group":193},{"id":167,"label":168,"slug":169},{"id":83,"label":195,"slug":196,"rank":83,"group":197},"Account Setup","account-setup",{"id":83,"label":84,"slug":85},[199,200,201],{"id":177,"title":178,"slug":179},{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":203},[],{"uuid":205,"title":38,"description":206,"canonical_path":29,"image":207,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":208,"component_categories":226,"app":233},"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",[209,214,219],{"id":210,"label":211,"slug":212,"rank":81,"group":213},115,"Empty State","empty-state",{"id":121,"label":122,"slug":123},{"id":215,"label":216,"slug":217,"rank":83,"group":218},72,"Getting Started","getting-started",{"id":167,"label":168,"slug":169},{"id":220,"label":221,"slug":222,"rank":53,"group":223},10,"Drag & Drop","drag-and-drop",{"id":53,"label":224,"slug":225},"Actions","actions",[227,231,232],{"id":228,"title":229,"slug":230},260,"Badge","badge",{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":234},[],{"uuid":236,"title":38,"description":237,"canonical_path":29,"image":238,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":239,"component_categories":246,"app":257},"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",[240,244],{"id":167,"label":241,"slug":242,"rank":81,"group":243},"Add & Create","add-and-create",{"id":53,"label":224,"slug":225},{"id":210,"label":211,"slug":212,"rank":83,"group":245},{"id":121,"label":122,"slug":123},[247,251,255,256],{"id":248,"title":249,"slug":250},214,"Popover","popover",{"id":252,"title":253,"slug":254},177,"Breadcrumb","breadcrumb",{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":258},[],{"uuid":260,"title":38,"description":261,"canonical_path":29,"image":262,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":263,"component_categories":275,"app":278},"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",[264,266,273],{"id":215,"label":216,"slug":217,"rank":81,"group":265},{"id":167,"label":168,"slug":169},{"id":267,"label":268,"slug":269,"rank":83,"group":270},55,"Design Editor","design-editor",{"id":136,"label":271,"slug":272},"Media & Tools","media-and-tools",{"id":210,"label":211,"slug":212,"rank":53,"group":274},{"id":121,"label":122,"slug":123},[276,277],{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":279},[],{"uuid":281,"title":282,"description":283,"canonical_path":29,"image":284,"width":72,"height":73,"image_alt":285,"kind":75,"patterns":286,"component_categories":291,"app":296},"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",[287,289],{"id":210,"label":211,"slug":212,"rank":81,"group":288},{"id":121,"label":122,"slug":123},{"id":163,"label":164,"slug":165,"rank":83,"group":290},{"id":167,"label":168,"slug":169},[292,293,294,295],{"id":248,"title":249,"slug":250},{"id":252,"title":253,"slug":254},{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":297},[],{"uuid":299,"title":282,"description":300,"canonical_path":29,"image":301,"width":72,"height":73,"image_alt":285,"kind":75,"patterns":302,"component_categories":317,"app":323},"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",[303,305,312,314],{"id":267,"label":268,"slug":269,"rank":81,"group":304},{"id":136,"label":271,"slug":272},{"id":306,"label":307,"slug":308,"rank":83,"group":309},86,"Templates","templates",{"id":45,"label":310,"slug":311},"Pages & Content","pages-and-content",{"id":167,"label":241,"slug":242,"rank":53,"group":313},{"id":53,"label":224,"slug":225},{"id":210,"label":211,"slug":212,"rank":315,"group":316},3,{"id":121,"label":122,"slug":123},[318,319,320,321,322],{"id":228,"title":229,"slug":230},{"id":252,"title":253,"slug":254},{"id":177,"title":178,"slug":179},{"id":181,"title":182,"slug":183},{"id":92,"title":93,"slug":94},{"slug":39,"title":38,"logo":41,"categories":324},[],{"family":326,"examples":327},"flows",[],{"family":329,"examples":330},"pages",[],[332,334,336,338,341,344,347,350,352,356,360,364],{"label":333,"to":29},"Milanote product screens",{"label":335,"to":35},"Milanote marketing pages",{"label":337,"to":32},"Milanote user flows",{"label":339,"to":340},"Milanote UI components","\u002Fexamples\u002Fapps\u002Fmilanote\u002Fcomponents",{"label":342,"to":343},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":345,"to":346},"Social Bookmarking app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-bookmarking",{"label":348,"to":349},"Content Curation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcontent-curation",{"label":351,"to":18},"All SaaS app examples",{"label":353,"to":354,"description":355},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":357,"to":358,"description":359},"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":361,"to":362,"description":363},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":365,"to":366,"description":367},"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":369,"updated_at":370},"2017-04-03T21:41:47.000Z","2026-09-13T13:02:39.000Z"]