[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fokcupid\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":290,"links":291,"dates":342},"\u002Fexamples\u002Fapps\u002Fokcupid\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"OkCupid product screens examples - Nicelydone","Browse OkCupid screen design examples. Preview the interface screenshots and explore related UI patterns. The best dating site on earth","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_sign-in_aa865339_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},"OkCupid design examples","\u002Fexamples\u002Fapps\u002Fokcupid",{"label":23,"to":4},"OkCupid 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},"OkCupid","okcupid","The best dating site on earth","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fokcupid-70dcc854.png","http:\u002F\u002Fokcupid.com",[35],{"id":36,"title":37,"slug":38},72,"Online Dating","online-dating",[40,52,79,100,108,147,167,190,198,220,247,280],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":49,"app":50},"d5d33309-7e41-4e0c-a880-02f512dfbe0a","Sign in","Authentication User authentication Form",2800,1544,"Sign in from OkCupid","screen",[],[],{"slug":30,"title":29,"logo":32,"categories":51},[],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":56,"width":44,"height":45,"image_alt":57,"kind":47,"patterns":58,"component_categories":68,"app":77},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},2,"Forgot Password","forgot-password",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73],{"id":70,"title":71,"slug":72},284,"Modal","modal",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":44,"height":84,"image_alt":85,"kind":47,"patterns":86,"component_categories":92,"app":98},"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",[87],{"id":88,"label":89,"slug":90,"rank":63,"group":91},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},[93,97],{"id":94,"title":95,"slug":96},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":81,"description":43,"canonical_path":4,"image":102,"width":44,"height":103,"image_alt":85,"kind":47,"patterns":104,"component_categories":105,"app":106},"33541f3d-8786-4800-853b-198a989857f6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_sign-up-2_e70bd1d6_nicelydone.jpg",2468,[],[],{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":114,"component_categories":131,"app":145},"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",[115,123],{"id":116,"label":117,"slug":118,"rank":63,"group":119},74,"Onboarding Checklist","onboarding-checklist",{"id":120,"label":121,"slug":122},7,"Onboarding & Education","onboarding-and-education",{"id":124,"label":125,"slug":126,"rank":65,"group":127},3,"Profile","profile",{"id":128,"label":129,"slug":130},11,"Social & Collaboration","social-and-collaboration",[132,136,140,144],{"id":133,"title":134,"slug":135},227,"Stepper","stepper",{"id":137,"title":138,"slug":139},174,"Card","card",{"id":141,"title":142,"slug":143},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":110,"description":149,"canonical_path":4,"image":150,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":151,"component_categories":161,"app":165},"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",[152,154],{"id":116,"label":117,"slug":118,"rank":63,"group":153},{"id":120,"label":121,"slug":122},{"id":155,"label":156,"slug":157,"rank":65,"group":158},25,"Upload & Download","upload-and-download",{"id":60,"label":159,"slug":160},"Actions","actions",[162,163,164],{"id":70,"title":71,"slug":72},{"id":133,"title":134,"slug":135},{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":110,"description":169,"canonical_path":4,"image":170,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":171,"component_categories":184,"app":188},"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",[172,174,176],{"id":116,"label":117,"slug":118,"rank":63,"group":173},{"id":120,"label":121,"slug":122},{"id":124,"label":125,"slug":126,"rank":65,"group":175},{"id":128,"label":129,"slug":130},{"id":177,"label":178,"slug":179,"rank":60,"group":180},114,"Confirmation","confirmation",{"id":181,"label":182,"slug":183},12,"States & Feedback","states-and-feedback",[185,186,187],{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":110,"description":192,"canonical_path":4,"image":193,"width":44,"height":45,"image_alt":113,"kind":47,"patterns":194,"component_categories":195,"app":196},"cd7dbce3-343d-4f8f-8921-8a701de0e4e2","Onboarding Progress indicator Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_onboarding-4_77826d18_nicelydone.jpg",[],[],{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":110,"description":200,"canonical_path":4,"image":201,"width":44,"height":202,"image_alt":113,"kind":47,"patterns":203,"component_categories":213,"app":218},"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,[204,206,211],{"id":116,"label":117,"slug":118,"rank":63,"group":205},{"id":120,"label":121,"slug":122},{"id":207,"label":208,"slug":209,"rank":65,"group":210},23,"Select","select",{"id":60,"label":159,"slug":160},{"id":124,"label":125,"slug":126,"rank":60,"group":212},{"id":128,"label":129,"slug":130},[214,215,216,217],{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":125,"description":222,"canonical_path":4,"image":223,"width":44,"height":224,"image_alt":225,"kind":47,"patterns":226,"component_categories":233,"app":245},"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",[227,229],{"id":124,"label":125,"slug":126,"rank":63,"group":228},{"id":128,"label":129,"slug":130},{"id":128,"label":230,"slug":231,"rank":65,"group":232},"Edit","edit",{"id":60,"label":159,"slug":160},[234,238,242,243,244],{"id":235,"title":236,"slug":237},233,"Tabs","tabs",{"id":239,"title":240,"slug":241},260,"Badge","badge",{"id":94,"title":95,"slug":96},{"id":141,"title":142,"slug":143},{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":249,"description":250,"canonical_path":4,"image":251,"width":44,"height":252,"image_alt":253,"kind":47,"patterns":254,"component_categories":267,"app":278},"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",[255,260],{"id":256,"label":257,"slug":258,"rank":63,"group":259},113,"Social Feed","social-feed",{"id":128,"label":129,"slug":130},{"id":261,"label":249,"slug":262,"rank":65,"group":263},81,"home",{"id":264,"label":265,"slug":266},8,"Pages & Content","pages-and-content",[268,272,273,274,275,276,277],{"id":269,"title":270,"slug":271},277,"Button group","button-group",{"id":239,"title":240,"slug":241},{"id":235,"title":236,"slug":237},{"id":94,"title":95,"slug":96},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":282,"description":283,"canonical_path":4,"image":284,"width":44,"height":45,"image_alt":285,"kind":47,"patterns":286,"component_categories":287,"app":288},"bdf24e23-dc36-410e-815e-37ac6bc5b2bf","Plans","E-commerce","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fokcupid_plans_fa6aa9a7_nicelydone.jpg","Plans from OkCupid",[],[],{"slug":30,"title":29,"logo":32,"categories":289},[],[],[292,294,296,298,300,302,304,306,308,310,312,315,318,321,324,326,330,334,338],{"label":117,"to":293},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":125,"to":295},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":178,"to":297},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":230,"to":299},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":61,"to":301},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":249,"to":303},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":208,"to":305},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":89,"to":307},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":257,"to":309},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":156,"to":311},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":313,"to":314},"OkCupid marketing pages","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fmarketing",{"label":316,"to":317},"OkCupid user flows","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fflows",{"label":319,"to":320},"OkCupid UI components","\u002Fexamples\u002Fapps\u002Fokcupid\u002Fcomponents",{"label":322,"to":323},"Online Dating app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fonline-dating",{"label":325,"to":18},"All SaaS app examples",{"label":327,"to":328,"description":329},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":331,"to":332,"description":333},"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":335,"to":336,"description":337},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":339,"to":340,"description":341},"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":343,"updated_at":344},"2016-09-15T08:00:00.000Z","2026-09-13T13:02:39.000Z"]