[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fupflow\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":388,"links":389,"dates":450},"\u002Fexamples\u002Fapps\u002Fupflow\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Upflow product screens examples - Nicelydone","Browse Upflow screen design examples. Preview the interface screenshots and explore related UI patterns. Put an end to unpaid invoices","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_sign-in_b12145e9_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},"Upflow design examples","\u002Fexamples\u002Fapps\u002Fupflow",{"label":23,"to":4},"Upflow 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},"Upflow","upflow","Put an end to unpaid invoices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fupflow-bf3ddc41.png","http:\u002F\u002Fupflow.io",[35,39,43],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},39,"Payments","payments",{"id":44,"title":45,"slug":46},56,"Accounting","accounting",[48,73,89,126,155,190,218,241,280,305,340,370],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"b7a3a456-9543-46aa-a36e-9f36abb09d2e","Sign in","Sign-in screen where the user authenticates via email and password or a Quickbooks integration.",2880,1534,"Sign in from Upflow","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":79,"component_categories":85,"app":87},"27dda96f-5d94-43c4-b28a-6b8473a63917","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_password-reset_05ec2cb7_nicelydone.png","Password reset from Upflow",[80],{"id":81,"label":82,"slug":83,"rank":61,"group":84},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[86],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":52,"height":94,"image_alt":95,"kind":55,"patterns":96,"component_categories":110,"app":124},"da894138-3fc0-4150-85bf-6d4edee6680a","Sign up","Signup page for a 10-day trial where the user can create an account using Quickbooks or an email address, featuring a customer testimonial and product preview on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_sign-up_e648f15c_nicelydone.png",1684,"Sign up from Upflow",[97,102],{"id":98,"label":99,"slug":100,"rank":61,"group":101},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":103,"label":104,"slug":105,"rank":63,"group":106},91,"Trial","trial",{"id":107,"label":108,"slug":109},9,"Plans & Limits","plans-and-limits",[111,115,119,123],{"id":112,"title":113,"slug":114},232,"Testimonial","testimonial",{"id":116,"title":117,"slug":118},169,"Avatar","avatar",{"id":120,"title":121,"slug":122},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":128,"description":129,"canonical_path":4,"image":130,"width":52,"height":131,"image_alt":132,"kind":55,"patterns":133,"component_categories":150,"app":153},"5cf8816b-d221-40b2-b36e-e2d147050d9e","Integration list","Onboarding step where the user selects their accounting or billing software like QuickBooks, Stripe, or Odoo to synchronize their data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_integration-list_36c24044_nicelydone.png",4096,"Integration list from Upflow",[134,142],{"id":135,"label":136,"slug":137,"rank":61,"group":138},97,"Integrations","integrations",{"id":139,"label":140,"slug":141},10,"Settings & Admin","settings-and-admin",{"id":143,"label":144,"slug":145,"rank":63,"group":146},79,"Browse","browse",{"id":147,"label":148,"slug":149},8,"Pages & Content","pages-and-content",[151,152],{"id":120,"title":121,"slug":122},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":157,"description":158,"canonical_path":4,"image":159,"width":52,"height":53,"image_alt":160,"kind":55,"patterns":161,"component_categories":177,"app":188},"7771337f-98b2-42b3-8923-0cd58684b71a","Connect integration","Settings page showing an empty state for the Chargebee integration, informing the user that it is not yet available and offering documentation or expert contact.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_connect-integration_3e3297b6_nicelydone.png","Connect integration from Upflow",[162,164,172],{"id":135,"label":136,"slug":137,"rank":61,"group":163},{"id":139,"label":140,"slug":141},{"id":165,"label":166,"slug":167,"rank":63,"group":168},115,"Empty State","empty-state",{"id":169,"label":170,"slug":171},12,"States & Feedback","states-and-feedback",{"id":173,"label":174,"slug":175,"rank":81,"group":176},116,"Error","error",{"id":169,"label":170,"slug":171},[178,182,186,187],{"id":179,"title":180,"slug":181},240,"Horizontal navigation","horizontal-navigation",{"id":183,"title":184,"slug":185},277,"Button group","button-group",{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":52,"height":53,"image_alt":195,"kind":55,"patterns":196,"component_categories":209,"app":216},"ed7348ad-e64a-43d2-a7e8-4ba85ceebc2f","Loading state","Dashboard showing financial metrics like amount due and DSO, with several widgets currently fetching data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_loading-state_cb280ebc_nicelydone.png","Loading state from Upflow",[197,202],{"id":198,"label":199,"slug":200,"rank":61,"group":201},120,"Loading","loading",{"id":169,"label":170,"slug":171},{"id":203,"label":204,"slug":205,"rank":63,"group":206},41,"Dashboard","dashboard",{"id":58,"label":207,"slug":208},"Data & Analysis","data-and-analysis",[210,214,215],{"id":211,"title":212,"slug":213},233,"Tabs","tabs",{"id":116,"title":117,"slug":118},{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":204,"description":220,"canonical_path":4,"image":221,"width":52,"height":53,"image_alt":222,"kind":55,"patterns":223,"component_categories":234,"app":239},"a1638269-cf54-4a9f-953d-3badfa376269","Dashboard showing outstanding amounts, main debtors, and empty states for DSO and aging balance metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_dashboard_0ee38272_nicelydone.png","Dashboard from Upflow",[224,226,228],{"id":203,"label":204,"slug":205,"rank":61,"group":225},{"id":58,"label":207,"slug":208},{"id":165,"label":166,"slug":167,"rank":63,"group":227},{"id":169,"label":170,"slug":171},{"id":229,"label":212,"slug":213,"rank":81,"group":230},69,{"id":231,"label":232,"slug":233},6,"Navigation & Commands","navigation-and-commands",[235,236,237,238],{"id":211,"title":212,"slug":213},{"id":116,"title":117,"slug":118},{"id":120,"title":121,"slug":122},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":243,"description":244,"canonical_path":4,"image":245,"width":52,"height":53,"image_alt":246,"kind":55,"patterns":247,"component_categories":271,"app":278},"b920c5d1-7201-4cba-9fc0-b0d4a0485aec","Customer list","List view displaying customer accounts with their assigned workflows, due amounts, and overdue balances.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_customer-list_62086b5d_nicelydone.png","Customer list from Upflow",[248,253,260,265],{"id":249,"label":250,"slug":251,"rank":61,"group":252},47,"Table","table",{"id":58,"label":207,"slug":208},{"id":254,"label":255,"slug":256,"rank":63,"group":257},22,"Search","search",{"id":81,"label":258,"slug":259},"Actions","actions",{"id":261,"label":262,"slug":263,"rank":81,"group":264},13,"Filter & Sort","filter-and-sort",{"id":81,"label":258,"slug":259},{"id":266,"label":267,"slug":268,"rank":269,"group":270},25,"Upload & Download","upload-and-download",3,{"id":81,"label":258,"slug":259},[272,276,277],{"id":273,"title":274,"slug":275},211,"Pagination","pagination",{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":282,"description":283,"canonical_path":4,"image":284,"width":52,"height":53,"image_alt":285,"kind":55,"patterns":286,"component_categories":296,"app":303},"7d4407ce-8d76-4ab8-a5f8-1c632c4a2962","Workflow list","List view where the user manages automated workflows with options to duplicate or delete existing templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_workflow-list_8f1fc5c5_nicelydone.png","Workflow list from Upflow",[287,294],{"id":288,"label":289,"slug":290,"rank":61,"group":291},129,"Workflow Builder","workflow-builder",{"id":261,"label":292,"slug":293},"Workflow & Automation","workflow-and-automation",{"id":249,"label":250,"slug":251,"rank":63,"group":295},{"id":58,"label":207,"slug":208},[297,301,302],{"id":298,"title":299,"slug":300},260,"Badge","badge",{"id":116,"title":117,"slug":118},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":307,"description":308,"canonical_path":4,"image":309,"width":52,"height":53,"image_alt":310,"kind":55,"patterns":311,"component_categories":329,"app":338},"4e7f3bef-5447-4c67-8d14-6c08f1191665","Create workflow","Workflow editor where the user configures a new dunning plan by setting contact delays and building a sequence of automated invoice reminders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_create-workflow_d561ee47_nicelydone.png","Create workflow from Upflow",[312,314,319,324],{"id":288,"label":289,"slug":290,"rank":61,"group":313},{"id":261,"label":292,"slug":293},{"id":315,"label":316,"slug":317,"rank":63,"group":318},125,"Automation","automation",{"id":261,"label":292,"slug":293},{"id":320,"label":321,"slug":322,"rank":81,"group":323},11,"Edit","edit",{"id":81,"label":258,"slug":259},{"id":325,"label":326,"slug":327,"rank":269,"group":328},102,"Settings","settings",{"id":139,"label":140,"slug":141},[330,334,335,336,337],{"id":331,"title":332,"slug":333},177,"Breadcrumb","breadcrumb",{"id":298,"title":299,"slug":300},{"id":116,"title":117,"slug":118},{"id":120,"title":121,"slug":122},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":339},[],{"uuid":341,"title":342,"description":343,"canonical_path":4,"image":344,"width":52,"height":53,"image_alt":345,"kind":55,"patterns":346,"component_categories":362,"app":368},"76e9a6dc-c1b8-4bff-aa0a-725c70dd1f81","Customer profile","Detail page for a customer record showing outstanding amount KPIs, workflow settings, and a timeline of received payments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_customer-profile_4f8b5688_nicelydone.png","Customer profile from Upflow",[347,353,358,360],{"id":269,"label":348,"slug":349,"rank":61,"group":350},"Profile","profile",{"id":320,"label":351,"slug":352},"Social & Collaboration","social-and-collaboration",{"id":354,"label":355,"slug":356,"rank":63,"group":357},48,"Timeline","timeline",{"id":58,"label":207,"slug":208},{"id":249,"label":250,"slug":251,"rank":81,"group":359},{"id":58,"label":207,"slug":208},{"id":229,"label":212,"slug":213,"rank":269,"group":361},{"id":231,"label":232,"slug":233},[363,364,365,366,367],{"id":331,"title":332,"slug":333},{"id":211,"title":212,"slug":213},{"id":116,"title":117,"slug":118},{"id":120,"title":121,"slug":122},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":369},[],{"uuid":371,"title":372,"description":373,"canonical_path":4,"image":374,"width":52,"height":53,"image_alt":375,"kind":55,"patterns":376,"component_categories":382,"app":386},"b8bde336-6655-41f6-980f-ca711ba7b5f3","Organisation settings","Settings page where the user configures company details like logo, name, VAT, and support email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_organisation-settings_bf8d38ef_nicelydone.png","Organisation settings from Upflow",[377],{"id":378,"label":379,"slug":380,"rank":61,"group":381},94,"Account Settings","account-settings",{"id":139,"label":140,"slug":141},[383,384,385],{"id":116,"title":117,"slug":118},{"id":120,"title":121,"slug":122},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":387},[],[],[390,392,394,396,398,400,402,404,406,408,410,412,414,417,420,423,426,429,432,434,438,442,446],{"label":250,"to":391},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":204,"to":393},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":166,"to":395},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":136,"to":397},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":212,"to":399},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":289,"to":401},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":379,"to":403},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":316,"to":405},"\u002Fexamples\u002Fscreens\u002Fautomation",{"label":144,"to":407},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":321,"to":409},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":174,"to":411},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":262,"to":413},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":415,"to":416},"Upflow marketing pages","\u002Fexamples\u002Fapps\u002Fupflow\u002Fmarketing",{"label":418,"to":419},"Upflow user flows","\u002Fexamples\u002Fapps\u002Fupflow\u002Fflows",{"label":421,"to":422},"Upflow UI components","\u002Fexamples\u002Fapps\u002Fupflow\u002Fcomponents",{"label":424,"to":425},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":427,"to":428},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":430,"to":431},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":433,"to":18},"All SaaS app examples",{"label":435,"to":436,"description":437},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":439,"to":440,"description":441},"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":443,"to":444,"description":445},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":447,"to":448,"description":449},"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":451,"updated_at":452},"2020-06-09T14:10:00.000Z","2026-09-13T13:02:39.000Z"]