[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fupflow":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":374,"dates":412},"\u002Fexamples\u002Fapps\u002Fupflow","detail","apps",true,{"title":9,"description":10,"og_image":11},"Upflow design examples - Nicelydone","Explore Upflow UI design examples. Put an end to unpaid invoices","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_sign-in_b12145e9_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},"Upflow design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Upflow",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fupflow\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fupflow\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Upflow","upflow","Put an end to unpaid invoices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fupflow-bf3ddc41.png","http:\u002F\u002Fupflow.io",[41,45,49],{"id":42,"title":43,"slug":44},36,"Finance","finance",{"id":46,"title":47,"slug":48},39,"Payments","payments",{"id":50,"title":51,"slug":52},56,"Accounting","accounting",[],[55,371],{"family":56,"examples":57},"screens",[58,83,99,136,154,183,218,246,269,287,326,349],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":81},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77],{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":62,"height":63,"image_alt":88,"kind":65,"patterns":89,"component_categories":95,"app":97},"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",[90],{"id":91,"label":92,"slug":93,"rank":71,"group":94},2,"Forgot Password","forgot-password",{"id":73,"label":74,"slug":75},[96],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":98},[],{"uuid":100,"title":101,"description":102,"canonical_path":29,"image":103,"width":62,"height":104,"image_alt":105,"kind":65,"patterns":106,"component_categories":120,"app":134},"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",[107,112],{"id":108,"label":109,"slug":110,"rank":71,"group":111},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},{"id":113,"label":114,"slug":115,"rank":73,"group":116},91,"Trial","trial",{"id":117,"label":118,"slug":119},9,"Plans & Limits","plans-and-limits",[121,125,129,133],{"id":122,"title":123,"slug":124},232,"Testimonial","testimonial",{"id":126,"title":127,"slug":128},169,"Avatar","avatar",{"id":130,"title":131,"slug":132},174,"Card","card",{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":29,"image":140,"width":62,"height":141,"image_alt":142,"kind":65,"patterns":143,"component_categories":148,"app":152},"77b79ba1-9220-4e97-92da-102bc950fd91","Sign up with email","Signup page for a 10-day free trial where the user enters their name, work email, password, and company name alongside a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_sign-up-with-email_a69098a9_nicelydone.png",1838,"Sign up with email from Upflow",[144,146],{"id":108,"label":109,"slug":110,"rank":71,"group":145},{"id":73,"label":74,"slug":75},{"id":113,"label":114,"slug":115,"rank":73,"group":147},{"id":117,"label":118,"slug":119},[149,150,151],{"id":122,"title":123,"slug":124},{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":29,"image":158,"width":62,"height":159,"image_alt":160,"kind":65,"patterns":161,"component_categories":178,"app":181},"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",[162,170],{"id":163,"label":164,"slug":165,"rank":71,"group":166},97,"Integrations","integrations",{"id":167,"label":168,"slug":169},10,"Settings & Admin","settings-and-admin",{"id":171,"label":172,"slug":173,"rank":73,"group":174},79,"Browse","browse",{"id":175,"label":176,"slug":177},8,"Pages & Content","pages-and-content",[179,180],{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":29,"image":187,"width":62,"height":63,"image_alt":188,"kind":65,"patterns":189,"component_categories":205,"app":216},"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",[190,192,200],{"id":163,"label":164,"slug":165,"rank":71,"group":191},{"id":167,"label":168,"slug":169},{"id":193,"label":194,"slug":195,"rank":73,"group":196},115,"Empty State","empty-state",{"id":197,"label":198,"slug":199},12,"States & Feedback","states-and-feedback",{"id":201,"label":202,"slug":203,"rank":91,"group":204},116,"Error","error",{"id":197,"label":198,"slug":199},[206,210,214,215],{"id":207,"title":208,"slug":209},240,"Horizontal navigation","horizontal-navigation",{"id":211,"title":212,"slug":213},277,"Button group","button-group",{"id":126,"title":127,"slug":128},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":29,"image":222,"width":62,"height":63,"image_alt":223,"kind":65,"patterns":224,"component_categories":237,"app":244},"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",[225,230],{"id":226,"label":227,"slug":228,"rank":71,"group":229},120,"Loading","loading",{"id":197,"label":198,"slug":199},{"id":231,"label":232,"slug":233,"rank":73,"group":234},41,"Dashboard","dashboard",{"id":68,"label":235,"slug":236},"Data & Analysis","data-and-analysis",[238,242,243],{"id":239,"title":240,"slug":241},233,"Tabs","tabs",{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"slug":36,"title":35,"logo":38,"categories":245},[],{"uuid":247,"title":232,"description":248,"canonical_path":29,"image":249,"width":62,"height":63,"image_alt":250,"kind":65,"patterns":251,"component_categories":262,"app":267},"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",[252,254,256],{"id":231,"label":232,"slug":233,"rank":71,"group":253},{"id":68,"label":235,"slug":236},{"id":193,"label":194,"slug":195,"rank":73,"group":255},{"id":197,"label":198,"slug":199},{"id":257,"label":240,"slug":241,"rank":91,"group":258},69,{"id":259,"label":260,"slug":261},6,"Navigation & Commands","navigation-and-commands",[263,264,265,266],{"id":239,"title":240,"slug":241},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":268},[],{"uuid":270,"title":271,"description":272,"canonical_path":29,"image":273,"width":62,"height":63,"image_alt":274,"kind":65,"patterns":275,"component_categories":280,"app":285},"bbb05863-1820-4ec0-931b-1274333843fa","Navigation menu","Dashboard showing outstanding amounts, main debtors, and aging balance with the user profile menu open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_navigation-menu_e48fd358_nicelydone.png","Navigation menu from Upflow",[276,278],{"id":231,"label":232,"slug":233,"rank":71,"group":277},{"id":68,"label":235,"slug":236},{"id":257,"label":240,"slug":241,"rank":73,"group":279},{"id":259,"label":260,"slug":261},[281,282,283,284],{"id":239,"title":240,"slug":241},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":286},[],{"uuid":288,"title":289,"description":290,"canonical_path":29,"image":291,"width":62,"height":63,"image_alt":292,"kind":65,"patterns":293,"component_categories":317,"app":324},"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",[294,299,306,311],{"id":295,"label":296,"slug":297,"rank":71,"group":298},47,"Table","table",{"id":68,"label":235,"slug":236},{"id":300,"label":301,"slug":302,"rank":73,"group":303},22,"Search","search",{"id":91,"label":304,"slug":305},"Actions","actions",{"id":307,"label":308,"slug":309,"rank":91,"group":310},13,"Filter & Sort","filter-and-sort",{"id":91,"label":304,"slug":305},{"id":312,"label":313,"slug":314,"rank":315,"group":316},25,"Upload & Download","upload-and-download",3,{"id":91,"label":304,"slug":305},[318,322,323],{"id":319,"title":320,"slug":321},211,"Pagination","pagination",{"id":126,"title":127,"slug":128},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":325},[],{"uuid":327,"title":328,"description":329,"canonical_path":29,"image":330,"width":62,"height":63,"image_alt":331,"kind":65,"patterns":332,"component_categories":341,"app":347},"ef0dbfc0-a23e-4f26-9db0-dc1dc3c90007","Empty table","List view showing an empty state for invoices with a search bar, column filters, and an export option.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_empty-table_971b25e9_nicelydone.png","Empty table from Upflow",[333,335,337,339],{"id":193,"label":194,"slug":195,"rank":71,"group":334},{"id":197,"label":198,"slug":199},{"id":295,"label":296,"slug":297,"rank":73,"group":336},{"id":68,"label":235,"slug":236},{"id":307,"label":308,"slug":309,"rank":91,"group":338},{"id":91,"label":304,"slug":305},{"id":300,"label":301,"slug":302,"rank":315,"group":340},{"id":91,"label":304,"slug":305},[342,343,344,345,346],{"id":319,"title":320,"slug":321},{"id":239,"title":240,"slug":241},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":348},[],{"uuid":350,"title":351,"description":352,"canonical_path":29,"image":353,"width":62,"height":63,"image_alt":354,"kind":65,"patterns":355,"component_categories":364,"app":369},"fad8ea73-7fc5-409b-b770-926b30bcc6f8","Table filter","List view of invoices showing an empty state because the active status filter yielded no results.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fupflow_table-filter_45d80140_nicelydone.png","Table filter from Upflow",[356,358,360,362],{"id":307,"label":308,"slug":309,"rank":71,"group":357},{"id":91,"label":304,"slug":305},{"id":193,"label":194,"slug":195,"rank":73,"group":359},{"id":197,"label":198,"slug":199},{"id":295,"label":296,"slug":297,"rank":91,"group":361},{"id":68,"label":235,"slug":236},{"id":300,"label":301,"slug":302,"rank":315,"group":363},{"id":91,"label":304,"slug":305},[365,366,367,368],{"id":319,"title":320,"slug":321},{"id":239,"title":240,"slug":241},{"id":130,"title":131,"slug":132},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":370},[],{"family":372,"examples":373},"pages",[],[375,377,379,382,385,388,391,394,396,400,404,408],{"label":376,"to":29},"Upflow product screens",{"label":378,"to":32},"Upflow marketing pages",{"label":380,"to":381},"Upflow user flows","\u002Fexamples\u002Fapps\u002Fupflow\u002Fflows",{"label":383,"to":384},"Upflow UI components","\u002Fexamples\u002Fapps\u002Fupflow\u002Fcomponents",{"label":386,"to":387},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":389,"to":390},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":392,"to":393},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":395,"to":18},"All SaaS app examples",{"label":397,"to":398,"description":399},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":401,"to":402,"description":403},"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":405,"to":406,"description":407},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":409,"to":410,"description":411},"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":413,"updated_at":414},"2020-06-09T14:10:00.000Z","2026-09-13T13:02:39.000Z"]