[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflow\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":363,"links":364,"dates":422},"\u002Fexamples\u002Fapps\u002Fflow\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Flow product screens examples - Nicelydone","Browse Flow screen design examples. Preview the interface screenshots and explore related UI patterns. Task management software that doesn't feel like work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_sign-up_2db1640a_nicelydone.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},"Flow design examples","\u002Fexamples\u002Fapps\u002Fflow",{"label":23,"to":4},"Flow 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,"twitter_username":34,"categories":35},"Flow","flow","Task management software that doesn't feel like work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflow-9f35010a.png","https:\u002F\u002Fwww.getflow.com","flowapp",[36,40],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",[45,82,104,123,139,180,203,219,267,299,315,345],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":71,"app":80},"8f0287b9-78cd-460c-9d7a-ab72cfc78141","Free Trial | Project & Task Management Tools - Flow","Signup screen where the user can start a free trial by entering a work email or authenticating with Google or Microsoft.",3072,1802,"Free Trial | Project & Task Management Tools - Flow from Flow","screen",[54,63],{"id":55,"label":56,"slug":57,"rank":58,"group":59},5,"Sign Up","sign-up",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",{"id":64,"label":65,"slug":66,"rank":60,"group":67},91,"Trial","trial",{"id":68,"label":69,"slug":70},9,"Plans & Limits","plans-and-limits",[72,76],{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":49,"height":87,"image_alt":88,"kind":52,"patterns":89,"component_categories":95,"app":102},"63b90cca-074f-427f-9cd7-4115c0f0bcc7","Login · Flow","Sign-in screen where the user enters their email to continue to a password step or authenticates with Google, Microsoft, or enterprise SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_sign-in_72709511_nicelydone.png",1654,"Login · Flow from Flow",[90],{"id":91,"label":92,"slug":93,"rank":58,"group":94},4,"Sign In","sign-in",{"id":60,"label":61,"slug":62},[96,100,101],{"id":97,"title":98,"slug":99},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":47,"description":106,"canonical_path":4,"image":107,"width":49,"height":87,"image_alt":51,"kind":52,"patterns":108,"component_categories":118,"app":121},"13b95bc0-1006-4c7f-8976-6f4c2d8ad009","Verification screen where the user is instructed to check their inbox for a link sent to their email address, with an option to resend it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_sign-up_7d9fc776_nicelydone.png",[109,114],{"id":110,"label":111,"slug":112,"rank":58,"group":113},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":60,"label":115,"slug":116,"rank":60,"group":117},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[119,120],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":49,"height":87,"image_alt":128,"kind":52,"patterns":129,"component_categories":134,"app":137},"0f487b30-1f38-47f4-bb2b-175dba9bf2c7","Continue Signup · Flow","Signup step where the user sets their password after confirming their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_onboarding_6a6a7738_nicelydone.png","Continue Signup · Flow from Flow",[130,132],{"id":60,"label":115,"slug":116,"rank":58,"group":131},{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":60,"group":133},{"id":60,"label":61,"slug":62},[135,136],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":125,"description":141,"canonical_path":4,"image":142,"width":49,"height":87,"image_alt":128,"kind":52,"patterns":143,"component_categories":172,"app":178},"dd778126-1021-4c47-9f02-a652f20a35ed","Onboarding step where the user selects their primary goal to personalize their experience before starting a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_onboarding_80f20453_nicelydone.png",[144,152,157,160,167],{"id":145,"label":146,"slug":147,"rank":58,"group":148},74,"Onboarding Checklist","onboarding-checklist",{"id":149,"label":150,"slug":151},7,"Onboarding & Education","onboarding-and-education",{"id":153,"label":154,"slug":155,"rank":60,"group":156},75,"Setup Wizard","setup-wizard",{"id":149,"label":150,"slug":151},{"id":60,"label":115,"slug":116,"rank":158,"group":159},2,{"id":60,"label":61,"slug":62},{"id":37,"label":161,"slug":162,"rank":163,"group":164},"Select","select",3,{"id":158,"label":165,"slug":166},"Actions","actions",{"id":168,"label":169,"slug":170,"rank":91,"group":171},72,"Getting Started","getting-started",{"id":149,"label":150,"slug":151},[173,177],{"id":174,"title":175,"slug":176},189,"FAQ","faq",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":125,"description":182,"canonical_path":4,"image":183,"width":49,"height":87,"image_alt":128,"kind":52,"patterns":184,"component_categories":195,"app":201},"ffaa32e5-d498-40ec-b3c8-9a407c388fcb","Onboarding screen where the user waits while their account is set up, featuring a split card with trial details and frequently asked questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_onboarding_loading-state_5e752899_nicelydone.png",[185,193],{"id":186,"label":187,"slug":188,"rank":58,"group":189},120,"Loading","loading",{"id":190,"label":191,"slug":192},12,"States & Feedback","states-and-feedback",{"id":64,"label":65,"slug":66,"rank":60,"group":194},{"id":68,"label":69,"slug":70},[196,200],{"id":197,"title":198,"slug":199},168,"Accordion","accordion",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":49,"height":87,"image_alt":208,"kind":52,"patterns":209,"component_categories":215,"app":217},"a2a470dd-694c-4437-9d33-ab58e24d295e","Redirecting…","Interstitial screen where the user chooses whether to open a link in the Mac App or Web App, with an option to remember the selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_application-download_ca73334b_nicelydone.png","Redirecting… from Flow",[210],{"id":211,"label":212,"slug":213,"rank":58,"group":214},114,"Confirmation","confirmation",{"id":190,"label":191,"slug":192},[216],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":221,"description":222,"canonical_path":4,"image":223,"width":49,"height":224,"image_alt":225,"kind":52,"patterns":226,"component_categories":254,"app":265},"2c98917c-6ef7-4cfb-82e1-e3dafe84f189","Your First Project","Project management board where the user organizes tasks into To Do, In Progress, Needs Review, and Done columns.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_home-product-logged_f30eeebc_nicelydone.png",1652,"Your First Project from Flow",[227,234,239,244,246],{"id":228,"label":229,"slug":230,"rank":58,"group":231},41,"Dashboard","dashboard",{"id":91,"label":232,"slug":233},"Data & Analysis","data-and-analysis",{"id":235,"label":236,"slug":237,"rank":60,"group":238},47,"Table","table",{"id":91,"label":232,"slug":233},{"id":240,"label":241,"slug":242,"rank":158,"group":243},13,"Filter & Sort","filter-and-sort",{"id":158,"label":165,"slug":166},{"id":64,"label":65,"slug":66,"rank":163,"group":245},{"id":68,"label":69,"slug":70},{"id":247,"label":248,"slug":249,"rank":91,"group":250},104,"Team Management","team-management",{"id":251,"label":252,"slug":253},10,"Settings & Admin","settings-and-admin",[255,256,260,264],{"id":197,"title":198,"slug":199},{"id":257,"title":258,"slug":259},240,"Horizontal navigation","horizontal-navigation",{"id":261,"title":262,"slug":263},169,"Avatar","avatar",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":266},[],{"uuid":268,"title":221,"description":269,"canonical_path":4,"image":270,"width":49,"height":224,"image_alt":225,"kind":52,"patterns":271,"component_categories":291,"app":297},"32116617-5844-43d4-b92c-438668ace200","Search overlay where the user jumps to bookmarks, followed tasks, or assigned tasks, with a tip for using quick filters.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_search_modals-and-popovers_964634f9_nicelydone.png",[272,279,284,289],{"id":273,"label":274,"slug":275,"rank":58,"group":276},64,"Global Search","global-search",{"id":110,"label":277,"slug":278},"Navigation & Commands","navigation-and-commands",{"id":280,"label":281,"slug":282,"rank":60,"group":283},63,"Command Palette","command-palette",{"id":110,"label":277,"slug":278},{"id":285,"label":286,"slug":287,"rank":158,"group":288},22,"Search","search",{"id":158,"label":165,"slug":166},{"id":240,"label":241,"slug":242,"rank":163,"group":290},{"id":158,"label":165,"slug":166},[292,296],{"id":293,"title":294,"slug":295},260,"Badge","badge",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":221,"description":301,"canonical_path":4,"image":302,"width":49,"height":224,"image_alt":225,"kind":52,"patterns":303,"component_categories":310,"app":313},"51183cf2-60d7-46e0-8262-26f835401e3b","Search overlay where the user searches across tasks and projects, featuring keyboard navigation hints and a tip for using quick filters.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_search_modals-and-popovers_2ba4ea29_nicelydone.png",[304,306,308],{"id":273,"label":274,"slug":275,"rank":58,"group":305},{"id":110,"label":277,"slug":278},{"id":280,"label":281,"slug":282,"rank":60,"group":307},{"id":110,"label":277,"slug":278},{"id":285,"label":286,"slug":287,"rank":158,"group":309},{"id":158,"label":165,"slug":166},[311,312],{"id":293,"title":294,"slug":295},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":221,"description":317,"canonical_path":4,"image":318,"width":49,"height":224,"image_alt":225,"kind":52,"patterns":319,"component_categories":334,"app":343},"96bb3e31-cdf7-403c-b90e-45353d732c45","Task creation modal over a project kanban board where the user can set a title, notes, assignee, and due date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_create_modals-and-popovers_5bf347d5_nicelydone.png",[320,324,332],{"id":149,"label":321,"slug":322,"rank":58,"group":323},"Add & Create","add-and-create",{"id":158,"label":165,"slug":166},{"id":325,"label":326,"slug":327,"rank":60,"group":328},85,"Tasks","tasks",{"id":329,"label":330,"slug":331},8,"Pages & Content","pages-and-content",{"id":211,"label":212,"slug":213,"rank":158,"group":333},{"id":190,"label":191,"slug":192},[335,339,340,341,342],{"id":336,"title":337,"slug":338},284,"Modal","modal",{"id":257,"title":258,"slug":259},{"id":261,"title":262,"slug":263},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":344},[],{"uuid":346,"title":221,"description":347,"canonical_path":4,"image":348,"width":49,"height":224,"image_alt":225,"kind":52,"patterns":349,"component_categories":354,"app":361},"85def67c-cad0-4341-93d1-e7c653526627","List view where the user creates a new note and assigns it to a specific project via a search combobox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_create_modals-and-popovers_458ba6da_nicelydone.png",[350,352],{"id":37,"label":161,"slug":162,"rank":58,"group":351},{"id":158,"label":165,"slug":166},{"id":228,"label":229,"slug":230,"rank":60,"group":353},{"id":91,"label":232,"slug":233},[355,356,357,358,359,360],{"id":97,"title":98,"slug":99},{"id":336,"title":337,"slug":338},{"id":257,"title":258,"slug":259},{"id":261,"title":262,"slug":263},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":362},[],[],[365,367,369,371,373,375,377,379,381,383,385,387,389,392,395,398,401,404,406,410,414,418],{"label":115,"to":366},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":65,"to":368},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":281,"to":370},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":212,"to":372},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":229,"to":374},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":241,"to":376},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":274,"to":378},"\u002Fexamples\u002Fscreens\u002Fglobal-search",{"label":286,"to":380},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":161,"to":382},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":56,"to":384},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":321,"to":386},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":169,"to":388},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":390,"to":391},"Flow marketing pages","\u002Fexamples\u002Fapps\u002Fflow\u002Fmarketing",{"label":393,"to":394},"Flow user flows","\u002Fexamples\u002Fapps\u002Fflow\u002Fflows",{"label":396,"to":397},"Flow UI components","\u002Fexamples\u002Fapps\u002Fflow\u002Fcomponents",{"label":399,"to":400},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":402,"to":403},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":405,"to":18},"All SaaS app examples",{"label":407,"to":408,"description":409},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":411,"to":412,"description":413},"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":415,"to":416,"description":417},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":419,"to":420,"description":421},"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":423,"updated_at":424},"2021-06-16T22:17:34.000Z","2026-09-13T13:02:39.000Z"]