[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcanvas":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":284,"dates":319},"\u002Fexamples\u002Fapps\u002Fcanvas","detail","apps",true,{"title":9,"description":10,"og_image":11},"Canvas design examples - Nicelydone","Explore Canvas UI design examples. Write, with your team","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcanvas_sign-in_3eb95645_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Canvas design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Canvas",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Canvas","canvas","Write, with your team","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcanvas-e064feea.png","https:\u002F\u002Fusecanvas.com",[41,45],{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},59,"Writing tools","writing-tools",[],[51,281],{"family":52,"examples":53},"screens",[54,79,95,111,138,157,195,223,239,261,269],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":77},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":85,"component_categories":91,"app":93},"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",[86],{"id":87,"label":88,"slug":89,"rank":67,"group":90},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},[92],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":29,"image":99,"width":58,"height":59,"image_alt":100,"kind":61,"patterns":101,"component_categories":107,"app":109},"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",[102],{"id":103,"label":104,"slug":105,"rank":67,"group":106},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[108],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":29,"image":115,"width":58,"height":59,"image_alt":116,"kind":61,"patterns":117,"component_categories":130,"app":136},"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",[118,126],{"id":119,"label":120,"slug":121,"rank":67,"group":122},74,"Onboarding Checklist","onboarding-checklist",{"id":123,"label":124,"slug":125},7,"Onboarding & Education","onboarding-and-education",{"id":69,"label":127,"slug":128,"rank":69,"group":129},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},[131,135],{"id":132,"title":133,"slug":134},277,"Button group","button-group",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":137},[],{"uuid":139,"title":113,"description":140,"canonical_path":29,"image":141,"width":58,"height":59,"image_alt":116,"kind":61,"patterns":142,"component_categories":153,"app":155},"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",[143,151],{"id":144,"label":145,"slug":146,"rank":67,"group":147},104,"Team Management","team-management",{"id":148,"label":149,"slug":150},10,"Settings & Admin","settings-and-admin",{"id":119,"label":120,"slug":121,"rank":69,"group":152},{"id":123,"label":124,"slug":125},[154],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":29,"image":161,"width":58,"height":59,"image_alt":162,"kind":61,"patterns":163,"component_categories":188,"app":193},"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",[164,169,171,179],{"id":165,"label":166,"slug":167,"rank":67,"group":168},77,"Welcome","welcome",{"id":123,"label":124,"slug":125},{"id":119,"label":120,"slug":121,"rank":69,"group":170},{"id":123,"label":124,"slug":125},{"id":172,"label":173,"slug":174,"rank":87,"group":175},86,"Templates","templates",{"id":176,"label":177,"slug":178},8,"Pages & Content","pages-and-content",{"id":180,"label":181,"slug":182,"rank":183,"group":184},115,"Empty State","empty-state",3,{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",[189],{"id":190,"title":191,"slug":192},240,"Horizontal navigation","horizontal-navigation",{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":29,"image":199,"width":58,"height":59,"image_alt":200,"kind":61,"patterns":201,"component_categories":214,"app":221},"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",[202,209],{"id":203,"label":204,"slug":205,"rank":67,"group":206},11,"Edit","edit",{"id":87,"label":207,"slug":208},"Actions","actions",{"id":210,"label":211,"slug":212,"rank":69,"group":213},82,"Media Detail","media-detail",{"id":176,"label":177,"slug":178},[215,216,220],{"id":190,"title":191,"slug":192},{"id":217,"title":218,"slug":219},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":29,"image":227,"width":58,"height":59,"image_alt":228,"kind":61,"patterns":229,"component_categories":235,"app":237},"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",[230],{"id":231,"label":232,"slug":233,"rank":67,"group":234},22,"Search","search",{"id":87,"label":207,"slug":208},[236],{"id":217,"title":218,"slug":219},{"slug":36,"title":35,"logo":38,"categories":238},[],{"uuid":240,"title":241,"description":242,"canonical_path":29,"image":243,"width":58,"height":59,"image_alt":244,"kind":61,"patterns":245,"component_categories":257,"app":259},"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",[246,251],{"id":247,"label":248,"slug":249,"rank":67,"group":250},94,"Account Settings","account-settings",{"id":148,"label":149,"slug":150},{"id":183,"label":252,"slug":253,"rank":69,"group":254},"Profile","profile",{"id":203,"label":255,"slug":256},"Social & Collaboration","social-and-collaboration",[258],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":260},[],{"uuid":262,"title":97,"description":263,"canonical_path":29,"image":264,"width":58,"height":59,"image_alt":100,"kind":61,"patterns":265,"component_categories":266,"app":267},"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":36,"title":35,"logo":38,"categories":268},[],{"uuid":270,"title":241,"description":271,"canonical_path":29,"image":272,"width":58,"height":59,"image_alt":244,"kind":61,"patterns":273,"component_categories":276,"app":279},"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",[274],{"id":144,"label":145,"slug":146,"rank":67,"group":275},{"id":148,"label":149,"slug":150},[277,278],{"id":217,"title":218,"slug":219},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":280},[],{"family":282,"examples":283},"pages",[],[285,287,289,292,295,298,301,303,307,311,315],{"label":286,"to":29},"Canvas product screens",{"label":288,"to":32},"Canvas marketing pages",{"label":290,"to":291},"Canvas user flows","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fflows",{"label":293,"to":294},"Canvas UI components","\u002Fexamples\u002Fapps\u002Fcanvas\u002Fcomponents",{"label":296,"to":297},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":299,"to":300},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":302,"to":18},"All SaaS app examples",{"label":304,"to":305,"description":306},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":308,"to":309,"description":310},"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":312,"to":313,"description":314},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":316,"to":317,"description":318},"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":320,"updated_at":321},"2016-08-19T08:00:00.000Z","2026-09-13T13:02:39.000Z"]