[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflow":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":50,"showcases":51,"links":376,"dates":411},"\u002Fexamples\u002Fapps\u002Fflow","detail","apps",true,{"title":9,"description":10,"og_image":11},"Flow design examples - Nicelydone","Explore Flow UI design examples. Task management software that doesn't feel like work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fflow_sign-up_2db1640a_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Flow design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Flow",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fflow\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fflow\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":40,"categories":41},"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",[42,46],{"id":43,"title":44,"slug":45},23,"Collaboration","collaboration",{"id":47,"title":48,"slug":49},30,"Productivity","productivity",[],[52,373],{"family":53,"examples":54},"screens",[55,92,114,133,149,190,213,229,277,309,325,355],{"uuid":56,"title":57,"description":58,"canonical_path":29,"image":11,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":63,"component_categories":81,"app":90},"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",[64,73],{"id":65,"label":66,"slug":67,"rank":68,"group":69},5,"Sign Up","sign-up",0,{"id":70,"label":71,"slug":72},1,"Access & Account","access-and-account",{"id":74,"label":75,"slug":76,"rank":70,"group":77},91,"Trial","trial",{"id":78,"label":79,"slug":80},9,"Plans & Limits","plans-and-limits",[82,86],{"id":83,"title":84,"slug":85},174,"Card","card",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":29,"image":96,"width":59,"height":97,"image_alt":98,"kind":62,"patterns":99,"component_categories":105,"app":112},"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",[100],{"id":101,"label":102,"slug":103,"rank":68,"group":104},4,"Sign In","sign-in",{"id":70,"label":71,"slug":72},[106,110,111],{"id":107,"title":108,"slug":109},233,"Tabs","tabs",{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":113},[],{"uuid":115,"title":57,"description":116,"canonical_path":29,"image":117,"width":59,"height":97,"image_alt":61,"kind":62,"patterns":118,"component_categories":128,"app":131},"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",[119,124],{"id":120,"label":121,"slug":122,"rank":68,"group":123},6,"Verification","verification",{"id":70,"label":71,"slug":72},{"id":70,"label":125,"slug":126,"rank":70,"group":127},"Account Setup","account-setup",{"id":70,"label":71,"slug":72},[129,130],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":29,"image":137,"width":59,"height":97,"image_alt":138,"kind":62,"patterns":139,"component_categories":144,"app":147},"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",[140,142],{"id":70,"label":125,"slug":126,"rank":68,"group":141},{"id":70,"label":71,"slug":72},{"id":65,"label":66,"slug":67,"rank":70,"group":143},{"id":70,"label":71,"slug":72},[145,146],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":148},[],{"uuid":150,"title":135,"description":151,"canonical_path":29,"image":152,"width":59,"height":97,"image_alt":138,"kind":62,"patterns":153,"component_categories":182,"app":188},"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",[154,162,167,170,177],{"id":155,"label":156,"slug":157,"rank":68,"group":158},74,"Onboarding Checklist","onboarding-checklist",{"id":159,"label":160,"slug":161},7,"Onboarding & Education","onboarding-and-education",{"id":163,"label":164,"slug":165,"rank":70,"group":166},75,"Setup Wizard","setup-wizard",{"id":159,"label":160,"slug":161},{"id":70,"label":125,"slug":126,"rank":168,"group":169},2,{"id":70,"label":71,"slug":72},{"id":43,"label":171,"slug":172,"rank":173,"group":174},"Select","select",3,{"id":168,"label":175,"slug":176},"Actions","actions",{"id":178,"label":179,"slug":180,"rank":101,"group":181},72,"Getting Started","getting-started",{"id":159,"label":160,"slug":161},[183,187],{"id":184,"title":185,"slug":186},189,"FAQ","faq",{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":189},[],{"uuid":191,"title":135,"description":192,"canonical_path":29,"image":193,"width":59,"height":97,"image_alt":138,"kind":62,"patterns":194,"component_categories":205,"app":211},"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",[195,203],{"id":196,"label":197,"slug":198,"rank":68,"group":199},120,"Loading","loading",{"id":200,"label":201,"slug":202},12,"States & Feedback","states-and-feedback",{"id":74,"label":75,"slug":76,"rank":70,"group":204},{"id":78,"label":79,"slug":80},[206,210],{"id":207,"title":208,"slug":209},168,"Accordion","accordion",{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":29,"image":217,"width":59,"height":97,"image_alt":218,"kind":62,"patterns":219,"component_categories":225,"app":227},"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",[220],{"id":221,"label":222,"slug":223,"rank":68,"group":224},114,"Confirmation","confirmation",{"id":200,"label":201,"slug":202},[226],{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":59,"height":234,"image_alt":235,"kind":62,"patterns":236,"component_categories":264,"app":275},"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",[237,244,249,254,256],{"id":238,"label":239,"slug":240,"rank":68,"group":241},41,"Dashboard","dashboard",{"id":101,"label":242,"slug":243},"Data & Analysis","data-and-analysis",{"id":245,"label":246,"slug":247,"rank":70,"group":248},47,"Table","table",{"id":101,"label":242,"slug":243},{"id":250,"label":251,"slug":252,"rank":168,"group":253},13,"Filter & Sort","filter-and-sort",{"id":168,"label":175,"slug":176},{"id":74,"label":75,"slug":76,"rank":173,"group":255},{"id":78,"label":79,"slug":80},{"id":257,"label":258,"slug":259,"rank":101,"group":260},104,"Team Management","team-management",{"id":261,"label":262,"slug":263},10,"Settings & Admin","settings-and-admin",[265,266,270,274],{"id":207,"title":208,"slug":209},{"id":267,"title":268,"slug":269},240,"Horizontal navigation","horizontal-navigation",{"id":271,"title":272,"slug":273},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":276},[],{"uuid":278,"title":231,"description":279,"canonical_path":29,"image":280,"width":59,"height":234,"image_alt":235,"kind":62,"patterns":281,"component_categories":301,"app":307},"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",[282,289,294,299],{"id":283,"label":284,"slug":285,"rank":68,"group":286},64,"Global Search","global-search",{"id":120,"label":287,"slug":288},"Navigation & Commands","navigation-and-commands",{"id":290,"label":291,"slug":292,"rank":70,"group":293},63,"Command Palette","command-palette",{"id":120,"label":287,"slug":288},{"id":295,"label":296,"slug":297,"rank":168,"group":298},22,"Search","search",{"id":168,"label":175,"slug":176},{"id":250,"label":251,"slug":252,"rank":173,"group":300},{"id":168,"label":175,"slug":176},[302,306],{"id":303,"title":304,"slug":305},260,"Badge","badge",{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":308},[],{"uuid":310,"title":231,"description":311,"canonical_path":29,"image":312,"width":59,"height":234,"image_alt":235,"kind":62,"patterns":313,"component_categories":320,"app":323},"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",[314,316,318],{"id":283,"label":284,"slug":285,"rank":68,"group":315},{"id":120,"label":287,"slug":288},{"id":290,"label":291,"slug":292,"rank":70,"group":317},{"id":120,"label":287,"slug":288},{"id":295,"label":296,"slug":297,"rank":168,"group":319},{"id":168,"label":175,"slug":176},[321,322],{"id":303,"title":304,"slug":305},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":324},[],{"uuid":326,"title":231,"description":327,"canonical_path":29,"image":328,"width":59,"height":234,"image_alt":235,"kind":62,"patterns":329,"component_categories":344,"app":353},"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",[330,334,342],{"id":159,"label":331,"slug":332,"rank":68,"group":333},"Add & Create","add-and-create",{"id":168,"label":175,"slug":176},{"id":335,"label":336,"slug":337,"rank":70,"group":338},85,"Tasks","tasks",{"id":339,"label":340,"slug":341},8,"Pages & Content","pages-and-content",{"id":221,"label":222,"slug":223,"rank":168,"group":343},{"id":200,"label":201,"slug":202},[345,349,350,351,352],{"id":346,"title":347,"slug":348},284,"Modal","modal",{"id":267,"title":268,"slug":269},{"id":271,"title":272,"slug":273},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":354},[],{"uuid":356,"title":231,"description":357,"canonical_path":29,"image":358,"width":59,"height":234,"image_alt":235,"kind":62,"patterns":359,"component_categories":364,"app":371},"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",[360,362],{"id":43,"label":171,"slug":172,"rank":68,"group":361},{"id":168,"label":175,"slug":176},{"id":238,"label":239,"slug":240,"rank":70,"group":363},{"id":101,"label":242,"slug":243},[365,366,367,368,369,370],{"id":107,"title":108,"slug":109},{"id":346,"title":347,"slug":348},{"id":267,"title":268,"slug":269},{"id":271,"title":272,"slug":273},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":372},[],{"family":374,"examples":375},"pages",[],[377,379,381,384,387,390,393,395,399,403,407],{"label":378,"to":29},"Flow product screens",{"label":380,"to":32},"Flow marketing pages",{"label":382,"to":383},"Flow user flows","\u002Fexamples\u002Fapps\u002Fflow\u002Fflows",{"label":385,"to":386},"Flow UI components","\u002Fexamples\u002Fapps\u002Fflow\u002Fcomponents",{"label":388,"to":389},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":391,"to":392},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":394,"to":18},"All SaaS app examples",{"label":396,"to":397,"description":398},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":400,"to":401,"description":402},"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":404,"to":405,"description":406},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":408,"to":409,"description":410},"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":412,"updated_at":413},"2021-06-16T22:17:34.000Z","2026-09-13T13:02:39.000Z"]