[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Findex\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":344,"links":345,"dates":403},"\u002Fexamples\u002Fapps\u002Findex\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Index product screens examples - Nicelydone","Browse Index screen design examples. Preview the interface screenshots and explore related UI patterns. Track Tech","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_sign-in_63667e47_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},"Index design examples","\u002Fexamples\u002Fapps\u002Findex",{"label":23,"to":4},"Index 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},"Index","index","Track Tech","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Findex-bdfcd70c.png","https:\u002F\u002Findex.co",[35,39],{"id":36,"title":37,"slug":38},46,"Analytics","analytics",{"id":40,"title":41,"slug":42},63,"Startups","startups",[44,81,97,113,128,138,170,190,225,250,273,316],{"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":79},"02b1ab28-b746-41bc-844c-7261b3ad5970","Sign in","Landing page where a modal prompts the user to sign in or sign up via LinkedIn or email to access gated content, highlighting features like tailored notifications and a weekly digest.",2800,1544,"Sign in from Index","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,67,71,75],{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},284,"Modal","modal",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":48,"height":49,"image_alt":86,"kind":51,"patterns":87,"component_categories":93,"app":95},"fddc42d3-80da-46ea-97eb-04897464938f","Sign up, Sign in","Authentication modal prompting the user to enter their business email to sign in or create an account, featuring three value propositions below the input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_sign-up-sign-in_e38668ea_nicelydone.jpg","Sign up, Sign in from Index",[88],{"id":89,"label":90,"slug":91,"rank":57,"group":92},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[94],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":48,"height":49,"image_alt":102,"kind":51,"patterns":103,"component_categories":109,"app":111},"72d56bab-65f6-4a0f-9898-b7c6b28d0598","Sign up","Verification screen where the user is prompted to check their inbox for a magic link to complete signup, featuring an 'Open with Gmail' shortcut and a reminder of product benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_sign-up_f42fe403_nicelydone.jpg","Sign up from Index",[104],{"id":105,"label":106,"slug":107,"rank":57,"group":108},6,"Verification","verification",{"id":59,"label":60,"slug":61},[110],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":99,"description":115,"canonical_path":4,"image":116,"width":48,"height":49,"image_alt":102,"kind":51,"patterns":117,"component_categories":120,"app":126},"4b89ff0f-be95-4e0a-b02b-feb99f694153","Signup page for Index where the user enters their email, first name, last name, and a password to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_sign-up-2_501e9226_nicelydone.jpg",[118],{"id":89,"label":90,"slug":91,"rank":57,"group":119},{"id":59,"label":60,"slug":61},[121,125],{"id":122,"title":123,"slug":124},174,"Card","card",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":48,"height":49,"image_alt":133,"kind":51,"patterns":134,"component_categories":135,"app":136},"09f7e9da-6657-4d4e-b4e4-c495a93238f2","Onboarding","Onboarding Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_onboarding_cda85bc6_nicelydone.jpg","Onboarding from Index",[],[],{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":130,"description":140,"canonical_path":4,"image":141,"width":48,"height":49,"image_alt":133,"kind":51,"patterns":142,"component_categories":162,"app":168},"84825c7d-ae6b-4a59-9dce-5f98df0fc8db","Onboarding screen where the user chooses between exploring recommended lists or diving into raw data to start using Index.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_onboarding-2_7d106161_nicelydone.jpg",[143,151,156],{"id":144,"label":145,"slug":146,"rank":57,"group":147},77,"Welcome","welcome",{"id":148,"label":149,"slug":150},7,"Onboarding & Education","onboarding-and-education",{"id":152,"label":153,"slug":154,"rank":59,"group":155},74,"Onboarding Checklist","onboarding-checklist",{"id":148,"label":149,"slug":150},{"id":157,"label":158,"slug":159,"rank":160,"group":161},72,"Getting Started","getting-started",2,{"id":148,"label":149,"slug":150},[163,164],{"id":122,"title":123,"slug":124},{"id":165,"title":166,"slug":167},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":130,"description":172,"canonical_path":4,"image":173,"width":48,"height":49,"image_alt":133,"kind":51,"patterns":174,"component_categories":184,"app":188},"7caa92c2-208f-47d6-90c4-1175e31910bf","Onboarding step where the user selects topics like Paris, Health Care, and Music to personalize their company news stream.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_onboarding-3_2199fdf6_nicelydone.jpg",[175,177],{"id":152,"label":153,"slug":154,"rank":57,"group":176},{"id":148,"label":149,"slug":150},{"id":178,"label":179,"slug":180,"rank":59,"group":181},23,"Select","select",{"id":160,"label":182,"slug":183},"Actions","actions",[185,186,187],{"id":122,"title":123,"slug":124},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":48,"height":195,"image_alt":196,"kind":51,"patterns":197,"component_categories":212,"app":223},"0f00f52b-edec-43e8-9f14-bb0d803d226e","Home","News feed showing today's headlines from followed lists, with a sidebar for managing custom company lists and profile completion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_home_999c088e_nicelydone.jpg",17246,"Home from Index",[198,205],{"id":199,"label":192,"slug":200,"rank":57,"group":201},81,"home",{"id":202,"label":203,"slug":204},8,"Pages & Content","pages-and-content",{"id":206,"label":207,"slug":208,"rank":59,"group":209},69,"Tabs","tabs",{"id":105,"label":210,"slug":211},"Navigation & Commands","navigation-and-commands",[213,215,219,220,221,222],{"id":214,"title":207,"slug":208},233,{"id":216,"title":217,"slug":218},260,"Badge","badge",{"id":68,"title":69,"slug":70},{"id":122,"title":123,"slug":124},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":4,"image":229,"width":48,"height":49,"image_alt":230,"kind":51,"patterns":231,"component_categories":244,"app":248},"5d36cad9-131d-4730-97b3-8987bf3848c3","Create list","Onboarding step where the user names their first list of companies and populates it by searching or selecting from a suggested list of popular brands.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_create-list_26b302c1_nicelydone.jpg","Create list from Index",[232,236],{"id":148,"label":233,"slug":234,"rank":57,"group":235},"Add & Create","add-and-create",{"id":160,"label":182,"slug":183},{"id":237,"label":238,"slug":239,"rank":59,"group":240},115,"Empty State","empty-state",{"id":241,"label":242,"slug":243},12,"States & Feedback","states-and-feedback",[245,246,247],{"id":72,"title":73,"slug":74},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":227,"description":252,"canonical_path":4,"image":253,"width":48,"height":49,"image_alt":230,"kind":51,"patterns":254,"component_categories":267,"app":271},"2b92cb51-62a1-4615-8c76-5e3fb1b6d6e1","Onboarding step where the user names their first list and selects companies to track from a popular list or via search.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_create-list-2_0c4d2e8d_nicelydone.jpg",[255,257,259,264],{"id":148,"label":233,"slug":234,"rank":57,"group":256},{"id":160,"label":182,"slug":183},{"id":152,"label":153,"slug":154,"rank":59,"group":258},{"id":148,"label":149,"slug":150},{"id":260,"label":261,"slug":262,"rank":160,"group":263},22,"Search","search",{"id":160,"label":182,"slug":183},{"id":178,"label":179,"slug":180,"rank":265,"group":266},3,{"id":160,"label":182,"slug":183},[268,269,270],{"id":72,"title":73,"slug":74},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":275,"description":276,"canonical_path":4,"image":277,"width":48,"height":278,"image_alt":279,"kind":51,"patterns":280,"component_categories":307,"app":314},"02d0f6a8-994c-4aaa-891f-b4585fffd2dd","Profile","Dashboard where the user manages their tracked company lists, views account usage limits, and receives prompts to upgrade their plan for additional features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_profile_48d7975d_nicelydone.jpg",2246,"Profile from Index",[281,288,294,302],{"id":282,"label":283,"slug":284,"rank":57,"group":285},41,"Dashboard","dashboard",{"id":54,"label":286,"slug":287},"Data & Analysis","data-and-analysis",{"id":265,"label":275,"slug":289,"rank":59,"group":290},"profile",{"id":291,"label":292,"slug":293},11,"Social & Collaboration","social-and-collaboration",{"id":295,"label":296,"slug":297,"rank":160,"group":298},92,"Upgrade Prompt","upgrade-prompt",{"id":299,"label":300,"slug":301},9,"Plans & Limits","plans-and-limits",{"id":303,"label":304,"slug":305,"rank":265,"group":306},49,"Usage","usage",{"id":54,"label":286,"slug":287},[308,309,310,311,312,313],{"id":214,"title":207,"slug":208},{"id":216,"title":217,"slug":218},{"id":68,"title":69,"slug":70},{"id":122,"title":123,"slug":124},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":315},[],{"uuid":317,"title":318,"description":319,"canonical_path":4,"image":320,"width":48,"height":321,"image_alt":322,"kind":51,"patterns":323,"component_categories":339,"app":342},"adb5e8e6-dc40-4568-a3cc-7afdcb811479","Plans","Billing settings page where the user can compare features and upgrade their current free tracking plan to Pro or Expert tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Findex_plans_b21dd8e7_nicelydone.jpg",6096,"Plans from Index",[324,329,337],{"id":325,"label":326,"slug":327,"rank":57,"group":328},89,"Pricing","pricing",{"id":299,"label":300,"slug":301},{"id":330,"label":331,"slug":332,"rank":59,"group":333},102,"Settings","settings",{"id":334,"label":335,"slug":336},10,"Settings & Admin","settings-and-admin",{"id":295,"label":296,"slug":297,"rank":160,"group":338},{"id":299,"label":300,"slug":301},[340,341],{"id":68,"title":69,"slug":70},{"id":165,"title":166,"slug":167},{"slug":30,"title":29,"logo":32,"categories":343},[],[],[346,348,350,352,354,356,358,360,362,364,366,368,370,373,376,379,382,385,387,391,395,399],{"label":153,"to":347},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":233,"to":349},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":179,"to":351},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":90,"to":353},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":296,"to":355},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":283,"to":357},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":238,"to":359},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":158,"to":361},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":192,"to":363},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":326,"to":365},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":275,"to":367},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":261,"to":369},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":371,"to":372},"Index marketing pages","\u002Fexamples\u002Fapps\u002Findex\u002Fmarketing",{"label":374,"to":375},"Index user flows","\u002Fexamples\u002Fapps\u002Findex\u002Fflows",{"label":377,"to":378},"Index UI components","\u002Fexamples\u002Fapps\u002Findex\u002Fcomponents",{"label":380,"to":381},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":383,"to":384},"Startups app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fstartups",{"label":386,"to":18},"All SaaS app examples",{"label":388,"to":389,"description":390},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":392,"to":393,"description":394},"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":396,"to":397,"description":398},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":400,"to":401,"description":402},"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":404,"updated_at":405},"2016-09-05T08:00:00.000Z","2026-09-13T13:02:39.000Z"]