[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Falgolia\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":341,"links":342,"dates":403},"\u002Fexamples\u002Fapps\u002Falgolia\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Algolia product screens examples - Nicelydone","Browse Algolia screen design examples. Preview the interface screenshots and explore related UI patterns. The most flexible search & navigation platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_sign-in_ba156d0f_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Algolia design examples","\u002Fexamples\u002Fapps\u002Falgolia",{"label":23,"to":4},"Algolia 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},"Algolia","algolia","The most flexible search & navigation platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Falgolia-2feca746.png","https:\u002F\u002Fwww.algolia.com",[35,39,43],{"id":36,"title":37,"slug":38},55,"Search engine","search-engine",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,73,89,113,131,156,181,208,244,265,282,313],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"c4711667-8ba7-4b12-9daa-81526f7b76a4","Sign in","Sign-in screen where the user authenticates with email and password or via GitHub, Google, Netlify, or SSO.",3072,1654,"Sign in from Algolia","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":79,"component_categories":85,"app":87},"5337310e-c896-4d7f-a19a-1264168da20a","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_password-reset_23e96030_nicelydone.png","Password reset from Algolia",[80],{"id":81,"label":82,"slug":83,"rank":61,"group":84},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[86],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":95,"component_categories":109,"app":111},"ef24d865-b5b4-4579-99ad-006d74c4c127","Sign up","Signup page where the user can start a 14-day free trial by creating an account with email and password or via GitHub and Google OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_sign-up_7e21092a_nicelydone.png","Sign up from Algolia",[96,101],{"id":97,"label":98,"slug":99,"rank":61,"group":100},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":102,"label":103,"slug":104,"rank":63,"group":105},91,"Trial","trial",{"id":106,"label":107,"slug":108},9,"Plans & Limits","plans-and-limits",[110],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":91,"description":115,"canonical_path":4,"image":116,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":117,"component_categories":127,"app":129},"e0eabcd5-db79-4220-8700-e593fae68654","Verification screen where the user is instructed to check their inbox for a confirmation link or request a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_sign-up_52c88574_nicelydone.png",[118,123],{"id":119,"label":120,"slug":121,"rank":61,"group":122},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":63,"label":124,"slug":125,"rank":63,"group":126},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[128],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":91,"description":133,"canonical_path":4,"image":134,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":135,"component_categories":148,"app":154},"304c5c9b-8587-4f63-88ec-a484975da7b7","Verification screen where the user is informed that a confirmation email has been successfully sent and can request a new link if needed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_sign-up_47699193_nicelydone.png",[136,144,146],{"id":137,"label":138,"slug":139,"rank":61,"group":140},122,"Success","success",{"id":141,"label":142,"slug":143},12,"States & Feedback","states-and-feedback",{"id":119,"label":120,"slug":121,"rank":63,"group":145},{"id":63,"label":64,"slug":65},{"id":63,"label":124,"slug":125,"rank":81,"group":147},{"id":63,"label":64,"slug":65},[149,153],{"id":150,"title":151,"slug":152},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":158,"description":159,"canonical_path":4,"image":160,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":162,"component_categories":173,"app":179},"de22ddc2-01d0-4d19-8757-a187fa40f522","Onboarding","Onboarding step where the user provides their name, phone, country, company, and field of work to complete their account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_onboarding_f07adf8c_nicelydone.png","Onboarding from Algolia",[163,165],{"id":63,"label":124,"slug":125,"rank":61,"group":164},{"id":63,"label":64,"slug":65},{"id":166,"label":167,"slug":168,"rank":63,"group":169},74,"Onboarding Checklist","onboarding-checklist",{"id":170,"label":171,"slug":172},7,"Onboarding & Education","onboarding-and-education",[174,178],{"id":175,"title":176,"slug":177},227,"Stepper","stepper",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":158,"description":183,"canonical_path":4,"image":184,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":185,"component_categories":203,"app":206},"3bac2555-1784-46d0-a0b6-90650b50a2fa","Onboarding step where the user selects their preferred datacenter region from a world map or dropdown to optimize indexing latency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_onboarding_45e117ad_nicelydone.png",[186,191,198],{"id":187,"label":188,"slug":189,"rank":61,"group":190},75,"Setup Wizard","setup-wizard",{"id":170,"label":171,"slug":172},{"id":192,"label":193,"slug":194,"rank":63,"group":195},54,"Date & Time","date-and-time",{"id":97,"label":196,"slug":197},"Media & Tools","media-and-tools",{"id":199,"label":200,"slug":201,"rank":81,"group":202},57,"Map","map",{"id":97,"label":196,"slug":197},[204,205],{"id":175,"title":176,"slug":177},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":4,"image":212,"width":52,"height":53,"image_alt":213,"kind":55,"patterns":214,"component_categories":232,"app":242},"fb12ada6-6ec6-4180-aea0-bb524b7964a1","Terms & conditions","Dashboard overview blocked by a modal requiring the user to agree to updated terms and conditions and privacy policy before they can interact with their usage metrics or the onboarding task list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_terms-conditions_25a6aff6_nicelydone.png","Terms & conditions from Algolia",[215,220,227],{"id":216,"label":217,"slug":218,"rank":61,"group":219},114,"Confirmation","confirmation",{"id":141,"label":142,"slug":143},{"id":221,"label":222,"slug":223,"rank":63,"group":224},41,"Dashboard","dashboard",{"id":58,"label":225,"slug":226},"Data & Analysis","data-and-analysis",{"id":228,"label":229,"slug":230,"rank":81,"group":231},115,"Empty State","empty-state",{"id":141,"label":142,"slug":143},[233,237,241],{"id":234,"title":235,"slug":236},284,"Modal","modal",{"id":238,"title":239,"slug":240},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":158,"description":246,"canonical_path":4,"image":247,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":248,"component_categories":259,"app":263},"6588b72e-2664-46d3-b4f3-e6332d78e88e","Dashboard with a right-side drawer showing a setup checklist for creating an index, importing records, and configuring attributes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_onboarding_c79bce8b_nicelydone.png",[249,251,257],{"id":166,"label":167,"slug":168,"rank":61,"group":250},{"id":170,"label":171,"slug":172},{"id":170,"label":252,"slug":253,"rank":63,"group":254},"Add & Create","add-and-create",{"id":81,"label":255,"slug":256},"Actions","actions",{"id":228,"label":229,"slug":230,"rank":81,"group":258},{"id":141,"label":142,"slug":143},[260,261,262],{"id":238,"title":239,"slug":240},{"id":150,"title":151,"slug":152},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":4,"image":269,"width":52,"height":53,"image_alt":270,"kind":55,"patterns":271,"component_categories":276,"app":280},"2b465286-b8c9-4f37-a7ad-c7c713e12792","Create","Dashboard with an active modal for creating a new search index and a getting-started task list in the right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_create_71e12dbc_nicelydone.png","Create from Algolia",[272,274],{"id":170,"label":252,"slug":253,"rank":61,"group":273},{"id":81,"label":255,"slug":256},{"id":166,"label":167,"slug":168,"rank":63,"group":275},{"id":170,"label":171,"slug":172},[277,278,279],{"id":234,"title":235,"slug":236},{"id":150,"title":151,"slug":152},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":158,"description":284,"canonical_path":4,"image":285,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":286,"component_categories":296,"app":311},"3c54dfdd-8ebc-4ec9-b427-9ebec1322ef0","List view for an empty index with a side drawer showing a setup checklist for importing records and configuring attributes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_onboarding_b6bfd8aa_nicelydone.png",[287,289,291],{"id":166,"label":167,"slug":168,"rank":61,"group":288},{"id":170,"label":171,"slug":172},{"id":228,"label":229,"slug":230,"rank":63,"group":290},{"id":141,"label":142,"slug":143},{"id":292,"label":293,"slug":294,"rank":81,"group":295},25,"Upload & Download","upload-and-download",{"id":81,"label":255,"slug":256},[297,301,305,309,310],{"id":298,"title":299,"slug":300},277,"Button group","button-group",{"id":302,"title":303,"slug":304},233,"Tabs","tabs",{"id":306,"title":307,"slug":308},177,"Breadcrumb","breadcrumb",{"id":175,"title":176,"slug":177},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":312},[],{"uuid":314,"title":315,"description":316,"canonical_path":4,"image":317,"width":52,"height":53,"image_alt":318,"kind":55,"patterns":319,"component_categories":334,"app":339},"a551d62a-4dfb-45e0-a9f5-2264ad8f38a2","Empty state","List view where the user manages a specific search index, currently showing an empty state prompting them to upload records.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Falgolia_empty-state_49e165a9_nicelydone.png","Empty state from Algolia",[320,322,324,331],{"id":228,"label":229,"slug":230,"rank":61,"group":321},{"id":141,"label":142,"slug":143},{"id":292,"label":293,"slug":294,"rank":63,"group":323},{"id":81,"label":255,"slug":256},{"id":44,"label":325,"slug":326,"rank":81,"group":327},"Files","files",{"id":328,"label":329,"slug":330},8,"Pages & Content","pages-and-content",{"id":221,"label":222,"slug":223,"rank":332,"group":333},3,{"id":58,"label":225,"slug":226},[335,336,337,338],{"id":306,"title":307,"slug":308},{"id":302,"title":303,"slug":304},{"id":238,"title":239,"slug":240},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":340},[],[],[343,345,347,349,351,353,355,357,359,361,363,365,367,370,373,376,379,382,385,387,391,395,399],{"label":229,"to":344},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":167,"to":346},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":124,"to":348},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":252,"to":350},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":222,"to":352},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":293,"to":354},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":120,"to":356},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":217,"to":358},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":193,"to":360},"\u002Fexamples\u002Fscreens\u002Fdate-and-time",{"label":325,"to":362},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":82,"to":364},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":200,"to":366},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":368,"to":369},"Algolia marketing pages","\u002Fexamples\u002Fapps\u002Falgolia\u002Fmarketing",{"label":371,"to":372},"Algolia user flows","\u002Fexamples\u002Fapps\u002Falgolia\u002Fflows",{"label":374,"to":375},"Algolia UI components","\u002Fexamples\u002Fapps\u002Falgolia\u002Fcomponents",{"label":377,"to":378},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"label":380,"to":381},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":383,"to":384},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"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},"2021-01-04T19:25:00.000Z","2026-09-13T13:02:39.000Z"]