[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":331,"links":332,"dates":390},"\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Two cards product screens examples - Nicelydone","Browse Two cards screen design examples. Preview the interface screenshots and explore related UI patterns. Your invoicing made easy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-in_3ade976f_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Two cards design examples","\u002Fexamples\u002Fapps\u002Ftwo-cards",{"label":23,"to":4},"Two cards 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},"Two cards","two-cards","Your invoicing made easy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftwocards-693942a7.png","https:\u002F\u002Ftwocards.co",[35,39],{"id":36,"title":37,"slug":38},39,"Payments","payments",{"id":40,"title":41,"slug":42},56,"Accounting","accounting",[44,69,82,94,136,162,182,202,222,245,268,299],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"4b955c62-d8bf-43cb-83f8-4dd17d5fa85e","Sign in","Sign-in screen where the user enters their specific workspace domain to proceed with authentication.",2880,1526,"Sign in from Two cards","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"description":71,"canonical_path":4,"image":72,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":73,"component_categories":79,"app":80},"92e63e24-f871-42d6-bdc7-5a92b408b183","Signup screen where the user provides their name, email, password, and preferred currency to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-in-2_62ecca41_nicelydone.jpg",[74],{"id":75,"label":76,"slug":77,"rank":57,"group":78},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[],{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":71,"canonical_path":4,"image":85,"width":48,"height":49,"image_alt":86,"kind":51,"patterns":87,"component_categories":90,"app":92},"49c1d3e0-02a5-454b-9926-2f066be5b292","Sign up","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_sign-up_70d09b3b_nicelydone.jpg","Sign up from Two cards",[88],{"id":75,"label":76,"slug":77,"rank":57,"group":89},{"id":59,"label":60,"slug":61},[91],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":48,"height":49,"image_alt":99,"kind":51,"patterns":100,"component_categories":124,"app":134},"58e5504f-b40f-480a-928e-dd946dda4183","Home","List view for invoices showing zero balances across received, sent, and overdue categories, with a prompt to create a new invoice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_home_b1fccfea_nicelydone.jpg","Home from Two cards",[101,109,116],{"id":102,"label":103,"slug":104,"rank":57,"group":105},115,"Empty State","empty-state",{"id":106,"label":107,"slug":108},12,"States & Feedback","states-and-feedback",{"id":110,"label":111,"slug":112,"rank":59,"group":113},41,"Dashboard","dashboard",{"id":54,"label":114,"slug":115},"Data & Analysis","data-and-analysis",{"id":117,"label":118,"slug":119,"rank":120,"group":121},7,"Add & Create","add-and-create",2,{"id":120,"label":122,"slug":123},"Actions","actions",[125,129,133],{"id":126,"title":127,"slug":128},240,"Horizontal navigation","horizontal-navigation",{"id":130,"title":131,"slug":132},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":48,"height":49,"image_alt":141,"kind":51,"patterns":142,"component_categories":156,"app":160},"04f9c04b-8eb0-42ec-a2f9-3df4570c226b","Settings","Settings page where the user can update their account email and password or log out of the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_settings_92119a2a_nicelydone.jpg","Settings from Two cards",[143,151],{"id":144,"label":145,"slug":146,"rank":57,"group":147},94,"Account Settings","account-settings",{"id":148,"label":149,"slug":150},10,"Settings & Admin","settings-and-admin",{"id":152,"label":153,"slug":154,"rank":59,"group":155},11,"Edit","edit",{"id":120,"label":122,"slug":123},[157,158,159],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":48,"height":49,"image_alt":167,"kind":51,"patterns":168,"component_categories":176,"app":180},"f3f328bf-5bfc-494c-ada2-f41314751df9","Team settings","Settings page where the user configures their team name, address, and default currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_team-settings_070bb5ee_nicelydone.jpg","Team settings from Two cards",[169,174],{"id":170,"label":171,"slug":172,"rank":57,"group":173},104,"Team Management","team-management",{"id":148,"label":149,"slug":150},{"id":152,"label":153,"slug":154,"rank":59,"group":175},{"id":120,"label":122,"slug":123},[177,178,179],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":48,"height":49,"image_alt":187,"kind":51,"patterns":188,"component_categories":196,"app":200},"c606056d-208d-4c84-8eb0-b1057de32915","Notification settings","Settings page where the user configures email notification preferences for payments, overdue clients, and product updates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_notification-settings_65b6d7c3_nicelydone.jpg","Notification settings from Two cards",[189,194],{"id":190,"label":191,"slug":192,"rank":57,"group":193},99,"Notification Settings","notification-settings",{"id":148,"label":149,"slug":150},{"id":144,"label":145,"slug":146,"rank":59,"group":195},{"id":148,"label":149,"slug":150},[197,198,199],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":201},[],{"uuid":203,"title":204,"description":205,"canonical_path":4,"image":206,"width":48,"height":49,"image_alt":207,"kind":51,"patterns":208,"component_categories":216,"app":220},"4c26eec0-5381-4906-a9f8-712cc07886ce","Create client","Create page where the user adds a new client by filling in details like name, email, address, payment method, and currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_create-client_359cd5d9_nicelydone.jpg","Create client from Two cards",[209,211],{"id":117,"label":118,"slug":119,"rank":57,"group":210},{"id":120,"label":122,"slug":123},{"id":212,"label":213,"slug":214,"rank":59,"group":215},42,"Form","form",{"id":54,"label":114,"slug":115},[217,218,219],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":224,"description":225,"canonical_path":4,"image":226,"width":48,"height":49,"image_alt":227,"kind":51,"patterns":228,"component_categories":239,"app":243},"f9edeabe-b5c0-425a-8141-adf8225c877f","Client list","List view where the user manages clients, featuring an inline form to add a new client and cards to edit existing ones like Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_client-lient_ac73a351_nicelydone.jpg","Client list from Two cards",[229,237],{"id":230,"label":231,"slug":232,"rank":57,"group":233},80,"Files","files",{"id":234,"label":235,"slug":236},8,"Pages & Content","pages-and-content",{"id":152,"label":153,"slug":154,"rank":59,"group":238},{"id":120,"label":122,"slug":123},[240,241,242],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":4,"image":249,"width":48,"height":49,"image_alt":250,"kind":51,"patterns":251,"component_categories":258,"app":266},"1a7ef0c2-4497-48c2-960b-0aad1c01da4d","Create invoice","List view showing zero current invoices with a summary of received, sent, and overdue amounts, alongside an open floating form to create a new invoice.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_create-invoice_9c805dc3_nicelydone.jpg","Create invoice from Two cards",[252,254,256],{"id":102,"label":103,"slug":104,"rank":57,"group":253},{"id":106,"label":107,"slug":108},{"id":110,"label":111,"slug":112,"rank":59,"group":255},{"id":54,"label":114,"slug":115},{"id":117,"label":118,"slug":119,"rank":120,"group":257},{"id":120,"label":122,"slug":123},[259,263,264,265],{"id":260,"title":261,"slug":262},174,"Card","card",{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":4,"image":272,"width":48,"height":49,"image_alt":273,"kind":51,"patterns":274,"component_categories":289,"app":297},"cc4112c7-9869-4718-aafa-2f835d70aeb9","Calendar","Client management list view where the user is creating a new invoice via a floating modal and selecting a due date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_calendar_0768fa20_nicelydone.jpg","Calendar from Two cards",[275,281],{"id":276,"label":270,"slug":277,"rank":57,"group":278},51,"calendar",{"id":75,"label":279,"slug":280},"Media & Tools","media-and-tools",{"id":282,"label":283,"slug":284,"rank":59,"group":285},130,"Checkout","checkout",{"id":286,"label":287,"slug":288},14,"Payments & Checkout","payments-and-checkout",[290,294,295,296],{"id":291,"title":292,"slug":293},284,"Modal","modal",{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":301,"description":302,"canonical_path":4,"image":303,"width":48,"height":49,"image_alt":304,"kind":51,"patterns":305,"component_categories":321,"app":329},"fd3cce93-41a2-4429-b364-456777b3afa3","Single","Invoice management page where the user views a list of sent and overdue invoices, with one row expanded to reveal subtotal, tax, and actions to mark as paid or download.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftwo-cards_single_af053ece_nicelydone.jpg","Single from Two cards",[306,311,316],{"id":307,"label":308,"slug":309,"rank":57,"group":310},47,"Table","table",{"id":54,"label":114,"slug":115},{"id":312,"label":313,"slug":314,"rank":59,"group":315},96,"Billing Settings","billing-settings",{"id":148,"label":149,"slug":150},{"id":317,"label":318,"slug":319,"rank":120,"group":320},46,"Stats","stats",{"id":54,"label":114,"slug":115},[322,326,327,328],{"id":323,"title":324,"slug":325},260,"Badge","badge",{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":330},[],[],[333,335,337,339,341,343,345,347,349,351,353,355,357,360,363,366,369,372,374,378,382,386],{"label":118,"to":334},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":153,"to":336},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":145,"to":338},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":111,"to":340},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":103,"to":342},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":76,"to":344},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":313,"to":346},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":270,"to":348},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":283,"to":350},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":231,"to":352},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":213,"to":354},"\u002Fexamples\u002Fscreens\u002Fform",{"label":191,"to":356},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":358,"to":359},"Two cards marketing pages","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fmarketing",{"label":361,"to":362},"Two cards user flows","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fflows",{"label":364,"to":365},"Two cards UI components","\u002Fexamples\u002Fapps\u002Ftwo-cards\u002Fcomponents",{"label":367,"to":368},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":370,"to":371},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":373,"to":18},"All SaaS app examples",{"label":375,"to":376,"description":377},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":379,"to":380,"description":381},"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":383,"to":384,"description":385},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":387,"to":388,"description":389},"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":391,"updated_at":392},"2016-11-30T08:00:00.000Z","2026-09-13T13:02:39.000Z"]