[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcanvas\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":271,"links":272,"dates":330},"\u002Fexamples\u002Fapps\u002Fcanvas\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Canvas product screens examples - Nicelydone","Browse Canvas screen design examples. Preview the interface screenshots and explore related UI patterns. Write, with your team","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_sign-in_3eb95645_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Canvas design examples","\u002Fexamples\u002Fapps\u002Fcanvas",{"label":23,"to":4},"Canvas 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},"Canvas","canvas","Write, with your team","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcanvas-e064feea.png","https:\u002F\u002Fusecanvas.com",[35,39],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},59,"Writing tools","writing-tools",[44,69,85,101,128,147,185,213,229,251,259],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"f6c3a61d-0d3d-42fb-b31a-21fbc5861680","Sign in","Sign-in screen where the user authenticates to Canvas using their email or username and password.",2800,1544,"Sign in from Canvas","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":81,"app":83},"074bdcc2-d2f3-4f2f-91f6-f3f73d51e130","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_password-reset_5f214244_nicelydone.jpg","Password reset from Canvas",[76],{"id":77,"label":78,"slug":79,"rank":57,"group":80},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[82],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":48,"height":49,"image_alt":90,"kind":51,"patterns":91,"component_categories":97,"app":99},"168504ab-4d4d-4a47-a3c3-214865182a24","Sign up","Signup page where the user creates a new Canvas account by providing a username, email, and password alongside a branded graphic panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_sign-up_10410c3a_nicelydone.jpg","Sign up from Canvas",[92],{"id":93,"label":94,"slug":95,"rank":57,"group":96},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[98],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":107,"component_categories":120,"app":126},"dc501631-cb38-4976-926f-b48a623140a6","Onboarding","Onboarding step where the user names their Canvas organization and sets a custom workspace URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_onboarding_1a88ec64_nicelydone.jpg","Onboarding from Canvas",[108,116],{"id":109,"label":110,"slug":111,"rank":57,"group":112},74,"Onboarding Checklist","onboarding-checklist",{"id":113,"label":114,"slug":115},7,"Onboarding & Education","onboarding-and-education",{"id":59,"label":117,"slug":118,"rank":59,"group":119},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[121,125],{"id":122,"title":123,"slug":124},277,"Button group","button-group",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":103,"description":130,"canonical_path":4,"image":131,"width":48,"height":49,"image_alt":106,"kind":51,"patterns":132,"component_categories":143,"app":145},"6cf6cf63-7ac9-4eb2-b2f3-f6eb24d9b1e1","Onboarding step where the user invites teammates to their organization by entering email addresses, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_onboarding-2_e1f3df7a_nicelydone.jpg",[133,141],{"id":134,"label":135,"slug":136,"rank":57,"group":137},104,"Team Management","team-management",{"id":138,"label":139,"slug":140},10,"Settings & Admin","settings-and-admin",{"id":109,"label":110,"slug":111,"rank":59,"group":142},{"id":113,"label":114,"slug":115},[144],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":48,"height":49,"image_alt":152,"kind":51,"patterns":153,"component_categories":178,"app":183},"dda5435d-bd48-4518-bc1f-00ca5eab7f46","Home","Onboarding screen where the user is welcomed to their new organization and prompted to watch an introductory video, read a guide, invite coworkers, or start with a canvas template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_home_4316f8cc_nicelydone.jpg","Home from Canvas",[154,159,161,169],{"id":155,"label":156,"slug":157,"rank":57,"group":158},77,"Welcome","welcome",{"id":113,"label":114,"slug":115},{"id":109,"label":110,"slug":111,"rank":59,"group":160},{"id":113,"label":114,"slug":115},{"id":162,"label":163,"slug":164,"rank":77,"group":165},86,"Templates","templates",{"id":166,"label":167,"slug":168},8,"Pages & Content","pages-and-content",{"id":170,"label":171,"slug":172,"rank":173,"group":174},115,"Empty State","empty-state",3,{"id":175,"label":176,"slug":177},12,"States & Feedback","states-and-feedback",[179],{"id":180,"title":181,"slug":182},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":48,"height":49,"image_alt":190,"kind":51,"patterns":191,"component_categories":204,"app":211},"86611f27-af83-4400-8a3d-a39c09339bf7","Single","Document editor where a user named Joakim is typing a simple text note.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_single_f1fcb210_nicelydone.jpg","Single from Canvas",[192,199],{"id":193,"label":194,"slug":195,"rank":57,"group":196},11,"Edit","edit",{"id":77,"label":197,"slug":198},"Actions","actions",{"id":200,"label":201,"slug":202,"rank":59,"group":203},82,"Media Detail","media-detail",{"id":166,"label":167,"slug":168},[205,206,210],{"id":180,"title":181,"slug":182},{"id":207,"title":208,"slug":209},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":4,"image":217,"width":48,"height":49,"image_alt":218,"kind":51,"patterns":219,"component_categories":225,"app":227},"90661adf-abf0-4535-a8ab-cbd7fe5941ca","List","App start screen where the user can search for documents or access recent sheets, shown with the user account menu open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_list_5fa44e30_nicelydone.jpg","List from Canvas",[220],{"id":221,"label":222,"slug":223,"rank":57,"group":224},22,"Search","search",{"id":77,"label":197,"slug":198},[226],{"id":207,"title":208,"slug":209},{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":4,"image":233,"width":48,"height":49,"image_alt":234,"kind":51,"patterns":235,"component_categories":247,"app":249},"35a55124-9e9b-476b-8535-60f790425e13","Settings","Full-screen account settings modal where the user can update their profile information, password, and email notification preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_settings-2_7b35aff8_nicelydone.jpg","Settings from Canvas",[236,241],{"id":237,"label":238,"slug":239,"rank":57,"group":240},94,"Account Settings","account-settings",{"id":138,"label":139,"slug":140},{"id":173,"label":242,"slug":243,"rank":59,"group":244},"Profile","profile",{"id":193,"label":245,"slug":246},"Social & Collaboration","social-and-collaboration",[248],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":87,"description":253,"canonical_path":4,"image":254,"width":48,"height":49,"image_alt":90,"kind":51,"patterns":255,"component_categories":256,"app":257},"7e9ead43-b5cc-4a1f-bc7c-904a13a580e6","Account creation Onboarding Confirmation Confirmation screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_sign-up-2_0fc5355f_nicelydone.jpg",[],[],{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":231,"description":261,"canonical_path":4,"image":262,"width":48,"height":49,"image_alt":234,"kind":51,"patterns":263,"component_categories":266,"app":269},"9fbb1925-3e78-4409-a88a-f989e5a4aed2","Settings page where the user updates their organization name and custom URL, and manages team members by sending email invitations or removing existing users.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_settings_3dbc8784_nicelydone.jpg",[264],{"id":134,"label":135,"slug":136,"rank":57,"group":265},{"id":138,"label":139,"slug":140},[267,268],{"id":207,"title":208,"slug":209},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":270},[],[],[273,275,277,279,281,283,285,287,289,291,293,295,297,300,303,306,309,312,314,318,322,326],{"label":110,"to":274},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":135,"to":276},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":238,"to":278},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":117,"to":280},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":194,"to":282},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":171,"to":284},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":78,"to":286},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":201,"to":288},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":242,"to":290},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":222,"to":292},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":55,"to":294},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":94,"to":296},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":298,"to":299},"Canvas marketing pages","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fmarketing",{"label":301,"to":302},"Canvas user flows","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fflows",{"label":304,"to":305},"Canvas UI components","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fcomponents",{"label":307,"to":308},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":310,"to":311},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":313,"to":18},"All SaaS app examples",{"label":315,"to":316,"description":317},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":319,"to":320,"description":321},"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":323,"to":324,"description":325},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":327,"to":328,"description":329},"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":331,"updated_at":332},"2016-08-19T08:00:00.000Z","2026-09-13T13:02:39.000Z"]