[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fokcupid":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":303,"dates":335},"\u002Fexamples\u002Fapps\u002Fokcupid","detail","apps",true,{"title":9,"description":10,"og_image":11},"OkCupid design examples - Nicelydone","Explore OkCupid UI design examples. The best dating site on earth","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_sign-in_aa865339_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"OkCupid design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore OkCupid",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"OkCupid","okcupid","The best dating site on earth","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fokcupid-70dcc854.png","http:\u002F\u002Fokcupid.com",[41],{"id":42,"title":43,"slug":44},72,"Online Dating","online-dating",[],[47,300],{"family":48,"examples":49},"screens",[50,62,89,110,118,157,177,200,208,230,257,290],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":59,"app":60},"d5d33309-7e41-4e0c-a880-02f512dfbe0a","Sign in","Authentication User authentication Form",2800,1544,"Sign in from OkCupid","screen",[],[],{"slug":36,"title":35,"logo":38,"categories":61},[],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":66,"width":54,"height":55,"image_alt":67,"kind":57,"patterns":68,"component_categories":78,"app":87},"335908dc-70ef-4312-9032-2481f02d5ec6","Password reset","Password recovery modal where the user enters their email or username to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_password-reset_77887c0c_nicelydone.jpg","Password reset from OkCupid",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},2,"Forgot Password","forgot-password",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79,83],{"id":80,"title":81,"slug":82},284,"Modal","modal",{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":29,"image":93,"width":54,"height":94,"image_alt":95,"kind":57,"patterns":96,"component_categories":102,"app":108},"799060f6-f047-471f-ad3c-3f1d7cc7aa42","Sign up","Signup screen where the user provides their birthdate, location, and email, or chooses to connect via Facebook to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_sign-up_340223e8_nicelydone.jpg",2552,"Sign up from OkCupid",[97],{"id":98,"label":99,"slug":100,"rank":73,"group":101},5,"Sign Up","sign-up",{"id":75,"label":76,"slug":77},[103,107],{"id":104,"title":105,"slug":106},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":109},[],{"uuid":111,"title":91,"description":53,"canonical_path":29,"image":112,"width":54,"height":113,"image_alt":95,"kind":57,"patterns":114,"component_categories":115,"app":116},"33541f3d-8786-4800-853b-198a989857f6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_sign-up-2_e70bd1d6_nicelydone.jpg",2468,[],[],{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":29,"image":122,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":124,"component_categories":141,"app":155},"b13c6393-fbdd-4f88-985c-0dd6f91cc1af","Onboarding","Onboarding step where the user adds an 'About me' description to their profile card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding_f20d1651_nicelydone.jpg","Onboarding from OkCupid",[125,133],{"id":126,"label":127,"slug":128,"rank":73,"group":129},74,"Onboarding Checklist","onboarding-checklist",{"id":130,"label":131,"slug":132},7,"Onboarding & Education","onboarding-and-education",{"id":134,"label":135,"slug":136,"rank":75,"group":137},3,"Profile","profile",{"id":138,"label":139,"slug":140},11,"Social & Collaboration","social-and-collaboration",[142,146,150,154],{"id":143,"title":144,"slug":145},227,"Stepper","stepper",{"id":147,"title":148,"slug":149},174,"Card","card",{"id":151,"title":152,"slug":153},169,"Avatar","avatar",{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":156},[],{"uuid":158,"title":120,"description":159,"canonical_path":29,"image":160,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":161,"component_categories":171,"app":175},"7ffeb5af-e408-4ee2-905e-5f9ba7e60224","Onboarding step where the user chooses to upload a profile photo from Facebook, their computer, or Instagram.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding-2_989d2ff2_nicelydone.jpg",[162,164],{"id":126,"label":127,"slug":128,"rank":73,"group":163},{"id":130,"label":131,"slug":132},{"id":165,"label":166,"slug":167,"rank":75,"group":168},25,"Upload & Download","upload-and-download",{"id":70,"label":169,"slug":170},"Actions","actions",[172,173,174],{"id":80,"title":81,"slug":82},{"id":143,"title":144,"slug":145},{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":176},[],{"uuid":178,"title":120,"description":179,"canonical_path":29,"image":180,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":181,"component_categories":194,"app":198},"f6fccfbd-b16e-4dd2-aef7-1a6dff795852","Detail page showing a newly created user profile with an avatar, basic demographic details, and a short bio section.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding-3_866c625a_nicelydone.jpg",[182,184,186],{"id":126,"label":127,"slug":128,"rank":73,"group":183},{"id":130,"label":131,"slug":132},{"id":134,"label":135,"slug":136,"rank":75,"group":185},{"id":138,"label":139,"slug":140},{"id":187,"label":188,"slug":189,"rank":70,"group":190},114,"Confirmation","confirmation",{"id":191,"label":192,"slug":193},12,"States & Feedback","states-and-feedback",[195,196,197],{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":199},[],{"uuid":201,"title":120,"description":202,"canonical_path":29,"image":203,"width":54,"height":55,"image_alt":123,"kind":57,"patterns":204,"component_categories":205,"app":206},"cd7dbce3-343d-4f8f-8921-8a701de0e4e2","Onboarding Progress indicator Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding-4_77826d18_nicelydone.jpg",[],[],{"slug":36,"title":35,"logo":38,"categories":207},[],{"uuid":209,"title":120,"description":210,"canonical_path":29,"image":211,"width":54,"height":212,"image_alt":123,"kind":57,"patterns":213,"component_categories":223,"app":228},"65754ea5-db55-4027-a5fb-7f5ca39d1465","Onboarding step where the user selects three profiles they like to teach the app their preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding-5_de49b052_nicelydone.jpg",5220,[214,216,221],{"id":126,"label":127,"slug":128,"rank":73,"group":215},{"id":130,"label":131,"slug":132},{"id":217,"label":218,"slug":219,"rank":75,"group":220},23,"Select","select",{"id":70,"label":169,"slug":170},{"id":134,"label":135,"slug":136,"rank":70,"group":222},{"id":138,"label":139,"slug":140},[224,225,226,227],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":229},[],{"uuid":231,"title":135,"description":232,"canonical_path":29,"image":233,"width":54,"height":234,"image_alt":235,"kind":57,"patterns":236,"component_categories":243,"app":255},"944c26a8-4996-4b4f-8166-8d9e0b6415e1","Detail page where the user views and edits their own dating profile, including self-summary, personal details, and what they are looking for.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_profile_da7f1670_nicelydone.jpg",3888,"Profile from OkCupid",[237,239],{"id":134,"label":135,"slug":136,"rank":73,"group":238},{"id":138,"label":139,"slug":140},{"id":138,"label":240,"slug":241,"rank":75,"group":242},"Edit","edit",{"id":70,"label":169,"slug":170},[244,248,252,253,254],{"id":245,"title":246,"slug":247},233,"Tabs","tabs",{"id":249,"title":250,"slug":251},260,"Badge","badge",{"id":104,"title":105,"slug":106},{"id":151,"title":152,"slug":153},{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":29,"image":261,"width":54,"height":262,"image_alt":263,"kind":57,"patterns":264,"component_categories":277,"app":288},"91d026b1-f3c3-4025-92b0-0c82351a0e66","Home","Activity feed where the user views recent profile updates, photo uploads, and public answers from other members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_home_159b0835_nicelydone.jpg",14244,"Home from OkCupid",[265,270],{"id":266,"label":267,"slug":268,"rank":73,"group":269},113,"Social Feed","social-feed",{"id":138,"label":139,"slug":140},{"id":271,"label":259,"slug":272,"rank":75,"group":273},81,"home",{"id":274,"label":275,"slug":276},8,"Pages & Content","pages-and-content",[278,282,283,284,285,286,287],{"id":279,"title":280,"slug":281},277,"Button group","button-group",{"id":249,"title":250,"slug":251},{"id":245,"title":246,"slug":247},{"id":104,"title":105,"slug":106},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":84,"title":85,"slug":86},{"slug":36,"title":35,"logo":38,"categories":289},[],{"uuid":291,"title":292,"description":293,"canonical_path":29,"image":294,"width":54,"height":55,"image_alt":295,"kind":57,"patterns":296,"component_categories":297,"app":298},"bdf24e23-dc36-410e-815e-37ac6bc5b2bf","Plans","E-commerce","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_plans_fa6aa9a7_nicelydone.jpg","Plans from OkCupid",[],[],{"slug":36,"title":35,"logo":38,"categories":299},[],{"family":301,"examples":302},"pages",[],[304,306,308,311,314,317,319,323,327,331],{"label":305,"to":29},"OkCupid product screens",{"label":307,"to":32},"OkCupid marketing pages",{"label":309,"to":310},"OkCupid user flows","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fflows",{"label":312,"to":313},"OkCupid UI components","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fcomponents",{"label":315,"to":316},"Online Dating app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fonline-dating",{"label":318,"to":18},"All SaaS app examples",{"label":320,"to":321,"description":322},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":324,"to":325,"description":326},"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":328,"to":329,"description":330},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":332,"to":333,"description":334},"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":336,"updated_at":337},"2016-09-15T08:00:00.000Z","2026-09-13T13:02:39.000Z"]