[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":299,"links":300,"dates":361},"\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Supernotes product screens examples - Nicelydone","Browse Supernotes screen design examples. Preview the interface screenshots and explore related UI patterns. The best collaborative note-taking app","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38382c92-b959-4a7c-9266-f4ddd473f467.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},"Supernotes design examples","\u002Fexamples\u002Fapps\u002Fsupernotes",{"label":23,"to":4},"Supernotes 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},"Supernotes","supernotes","The best collaborative note-taking app","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupernotes-3f910943.png","https:\u002F\u002Fsupernotes.app",[35,39,43],{"id":36,"title":37,"slug":38},59,"Writing tools","writing-tools",{"id":40,"title":41,"slug":42},22,"Knowledge Management","knowledge-management",{"id":44,"title":45,"slug":46},23,"Collaboration","collaboration",[48,76,91,114,138,168,182,202,218,233,255,283],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":74},"38382c92-b959-4a7c-9266-f4ddd473f467","Signup page where the user creates a new account by providing their name, email, username, and password.",3024,1718,"Supernotes from Supernotes","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},5,"Sign Up","sign-up",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66,70],{"id":67,"title":68,"slug":69},260,"Badge","badge",{"id":71,"title":72,"slug":73},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":29,"description":78,"canonical_path":4,"image":79,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":80,"component_categories":87,"app":89},"9808d497-42b5-47c5-abfe-ef1b643c7ecb","Signup page where the user creates an account by providing their name, email, username, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9808d497-42b5-47c5-abfe-ef1b643c7ecb.png",[81,83],{"id":57,"label":58,"slug":59,"rank":60,"group":82},{"id":62,"label":63,"slug":64},{"id":62,"label":84,"slug":85,"rank":62,"group":86},"Account Setup","account-setup",{"id":62,"label":63,"slug":64},[88],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":29,"description":93,"canonical_path":4,"image":94,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":95,"component_categories":106,"app":112},"35defa27-344e-471e-a98e-990668582c0d","Signup screen where the user enters their name, email, username, and password to create a new account, currently showing a validation error on the username field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35defa27-344e-471e-a98e-990668582c0d.png",[96,98],{"id":57,"label":58,"slug":59,"rank":60,"group":97},{"id":62,"label":63,"slug":64},{"id":99,"label":100,"slug":101,"rank":62,"group":102},116,"Error","error",{"id":103,"label":104,"slug":105},12,"States & Feedback","states-and-feedback",[107,108],{"id":71,"title":72,"slug":73},{"id":109,"title":110,"slug":111},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":120,"component_categories":129,"app":136},"da5b1612-32a0-431e-9941-ee3080dbf2c9","Home | Supernotes","Onboarding step where the user selects their primary use case from personal, work, or education options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda5b1612-32a0-431e-9941-ee3080dbf2c9.png","Home | Supernotes from Supernotes",[121],{"id":122,"label":123,"slug":124,"rank":60,"group":125},77,"Welcome","welcome",{"id":126,"label":127,"slug":128},7,"Onboarding & Education","onboarding-and-education",[130,131,135],{"id":71,"title":72,"slug":73},{"id":132,"title":133,"slug":134},227,"Stepper","stepper",{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":116,"description":140,"canonical_path":4,"image":141,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":142,"component_categories":163,"app":166},"09a1f6d3-792c-4dd5-bbe3-69772b49d450","Onboarding step where the user selects their primary use case between personal, work, or education to tailor the experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09a1f6d3-792c-4dd5-bbe3-69772b49d450.png",[143,148,150,156],{"id":144,"label":145,"slug":146,"rank":60,"group":147},75,"Setup Wizard","setup-wizard",{"id":126,"label":127,"slug":128},{"id":122,"label":123,"slug":124,"rank":62,"group":149},{"id":126,"label":127,"slug":128},{"id":151,"label":152,"slug":153,"rank":154,"group":155},72,"Getting Started","getting-started",2,{"id":126,"label":127,"slug":128},{"id":44,"label":157,"slug":158,"rank":159,"group":160},"Select","select",3,{"id":154,"label":161,"slug":162},"Actions","actions",[164,165],{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":116,"description":170,"canonical_path":4,"image":171,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":172,"component_categories":177,"app":180},"94457d4d-6b04-471f-ab47-d42aaf4651b4","Onboarding step where the user is introduced to the app's core concept of using notecards instead of traditional files and folders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94457d4d-6b04-471f-ab47-d42aaf4651b4.png",[173,175],{"id":122,"label":123,"slug":124,"rank":60,"group":174},{"id":126,"label":127,"slug":128},{"id":151,"label":152,"slug":153,"rank":62,"group":176},{"id":126,"label":127,"slug":128},[178,179],{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":116,"description":184,"canonical_path":4,"image":185,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":186,"component_categories":196,"app":200},"1337b307-d79f-4a9a-b379-54301405dd37","Onboarding step where the user is introduced to the floating help menu via a coach mark before finishing account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1337b307-d79f-4a9a-b379-54301405dd37.png",[187,189,194],{"id":151,"label":152,"slug":153,"rank":60,"group":188},{"id":126,"label":127,"slug":128},{"id":190,"label":191,"slug":192,"rank":62,"group":193},118,"Help","help",{"id":103,"label":104,"slug":105},{"id":144,"label":145,"slug":146,"rank":154,"group":195},{"id":126,"label":127,"slug":128},[197,198,199],{"id":71,"title":72,"slug":73},{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":116,"description":204,"canonical_path":4,"image":205,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":206,"component_categories":213,"app":216},"8024e627-fda9-4a76-a767-dc804ebc2811","Onboarding step where the user selects their preferred app theme from four options before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8024e627-fda9-4a76-a767-dc804ebc2811.png",[207,209,211],{"id":144,"label":145,"slug":146,"rank":60,"group":208},{"id":126,"label":127,"slug":128},{"id":151,"label":152,"slug":153,"rank":62,"group":210},{"id":126,"label":127,"slug":128},{"id":62,"label":84,"slug":85,"rank":154,"group":212},{"id":62,"label":63,"slug":64},[214,215],{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":116,"description":220,"canonical_path":4,"image":221,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":222,"component_categories":227,"app":231},"80efa82c-a035-44b2-9983-569213c0c546","Onboarding step where the user customizes their workspace by choosing between Hydrogen, Deuterium, Zinc, and Carbon themes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F80efa82c-a035-44b2-9983-569213c0c546.png",[223,225],{"id":144,"label":145,"slug":146,"rank":60,"group":224},{"id":126,"label":127,"slug":128},{"id":62,"label":84,"slug":85,"rank":62,"group":226},{"id":62,"label":63,"slug":64},[228,229,230],{"id":71,"title":72,"slug":73},{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":116,"description":235,"canonical_path":4,"image":236,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":237,"component_categories":249,"app":253},"73e873d4-f377-462b-8163-f4ec3311b6d4","Onboarding step where the user chooses their preferred app appearance from four theme options like Hydrogen and Carbon.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73e873d4-f377-462b-8163-f4ec3311b6d4.png",[238,240,245,247],{"id":144,"label":145,"slug":146,"rank":60,"group":239},{"id":126,"label":127,"slug":128},{"id":241,"label":242,"slug":243,"rank":62,"group":244},74,"Onboarding Checklist","onboarding-checklist",{"id":126,"label":127,"slug":128},{"id":122,"label":123,"slug":124,"rank":154,"group":246},{"id":126,"label":127,"slug":128},{"id":62,"label":84,"slug":85,"rank":159,"group":248},{"id":62,"label":63,"slug":64},[250,251,252],{"id":71,"title":72,"slug":73},{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":116,"description":257,"canonical_path":4,"image":258,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":259,"component_categories":273,"app":281},"3a2faeaf-8f20-4906-b858-577381161558","Onboarding step where the user personalizes their profile by adding a photo and a brief bio before saving.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a2faeaf-8f20-4906-b858-577381161558.png",[260,262,269],{"id":62,"label":84,"slug":85,"rank":60,"group":261},{"id":62,"label":63,"slug":64},{"id":159,"label":263,"slug":264,"rank":62,"group":265},"Profile","profile",{"id":266,"label":267,"slug":268},11,"Social & Collaboration","social-and-collaboration",{"id":266,"label":270,"slug":271,"rank":154,"group":272},"Edit","edit",{"id":154,"label":161,"slug":162},[274,278,279,280],{"id":275,"title":276,"slug":277},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":116,"description":285,"canonical_path":4,"image":286,"width":51,"height":52,"image_alt":119,"kind":54,"patterns":287,"component_categories":294,"app":297},"8bfc1f6f-dc92-4148-844a-cdfed7cd49f6","Onboarding step where the user is prompted to scan a QR code to download the companion mobile app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bfc1f6f-dc92-4148-844a-cdfed7cd49f6.png",[288],{"id":36,"label":289,"slug":290,"rank":60,"group":291},"QR Code","qr-code",{"id":57,"label":292,"slug":293},"Media & Tools","media-and-tools",[295,296],{"id":132,"title":133,"slug":134},{"id":109,"title":110,"slug":111},{"slug":30,"title":29,"logo":32,"categories":298},[],[],[301,303,305,307,309,311,313,315,317,319,321,323,325,328,331,334,337,340,343,345,349,353,357],{"label":84,"to":302},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":145,"to":304},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":152,"to":306},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":123,"to":308},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":58,"to":310},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":270,"to":312},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":100,"to":314},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":191,"to":316},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":242,"to":318},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":263,"to":320},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":289,"to":322},"\u002Fexamples\u002Fscreens\u002Fqr-code",{"label":157,"to":324},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":326,"to":327},"Supernotes marketing pages","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fmarketing",{"label":329,"to":330},"Supernotes user flows","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fflows",{"label":332,"to":333},"Supernotes UI components","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fcomponents",{"label":335,"to":336},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":338,"to":339},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":341,"to":342},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":344,"to":18},"All SaaS app examples",{"label":346,"to":347,"description":348},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":350,"to":351,"description":352},"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":354,"to":355,"description":356},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":358,"to":359,"description":360},"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":362,"updated_at":363},"2021-01-06T18:52:58.000Z","2026-09-13T13:02:39.000Z"]