[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fperplexity\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":357,"links":358,"dates":417},"\u002Fexamples\u002Fapps\u002Fperplexity\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Perplexity product screens examples - Nicelydone","Browse Perplexity screen design examples. Preview the interface screenshots and explore related UI patterns. World's first conversational answer engine and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2921a3c2-8fd9-4d2f-b721-b87aebb317df.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},"Perplexity design examples","\u002Fexamples\u002Fapps\u002Fperplexity",{"label":23,"to":4},"Perplexity product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Perplexity screen design examples. Preview the interface screenshots and explore related UI patterns. World's first conversational answer engine and research companion",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Perplexity","perplexity","World's first conversational answer engine and research companion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fperplexity-f963a769.png","https:\u002F\u002Fwww.perplexity.ai","perplexity_ai",[37,41,45],{"id":38,"title":39,"slug":40},80,"Artificial Intelligence","artificial-intelligence",{"id":42,"title":43,"slug":44},22,"Knowledge Management","knowledge-management",{"id":46,"title":47,"slug":48},55,"Search engine","search-engine",[50,92,131,155,177,210,234,254,274,293,322,336],{"uuid":51,"title":30,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":81,"app":90},"2921a3c2-8fd9-4d2f-b721-b87aebb317df","AI search interface where the user can enter a prompt, toggle the Copilot feature, or sign in via a floating prompt to save their history.",3024,1674,"Perplexity from Perplexity","screen",[58,67,75],{"id":59,"label":60,"slug":61,"rank":62,"group":63},32,"AI Search","ai-search",0,{"id":64,"label":65,"slug":66},3,"AI","ai",{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",1,{"id":71,"label":73,"slug":74},"Access & Account","access-and-account",{"id":76,"label":77,"slug":78,"rank":79,"group":80},27,"AI Assistant","ai-assistant",2,{"id":64,"label":65,"slug":66},[82,86],{"id":83,"title":84,"slug":85},174,"Card","card",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":53,"height":97,"image_alt":98,"kind":56,"patterns":99,"component_categories":123,"app":129},"8480fdd2-e920-420d-8249-8ae6c6e01ef7","What is a Medal of Honor","AI-powered search result page where an anonymous user reads a generated answer about the Medal of Honor, complete with cited sources, related images, and follow-up questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8480fdd2-e920-420d-8249-8ae6c6e01ef7.png",2162,"What is a Medal of Honor from Perplexity",[100,102,110,118],{"id":59,"label":60,"slug":61,"rank":62,"group":101},{"id":64,"label":65,"slug":66},{"id":103,"label":104,"slug":105,"rank":71,"group":106},78,"Article","article",{"id":107,"label":108,"slug":109},15,"Marketing Page Types","marketing-page-types",{"id":111,"label":112,"slug":113,"rank":79,"group":114},84,"Search Results","search-results",{"id":115,"label":116,"slug":117},8,"Pages & Content","pages-and-content",{"id":119,"label":120,"slug":121,"rank":64,"group":122},82,"Media Detail","media-detail",{"id":115,"label":116,"slug":117},[124,128],{"id":125,"title":126,"slug":127},168,"Accordion","accordion",{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":94,"description":133,"canonical_path":4,"image":134,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":135,"component_categories":142,"app":153},"7111d1a9-fc28-4e33-88fe-88d667d2e646","AI-powered search result page where the user is viewing an enlarged image of the Medal of Honor in a full-screen modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7111d1a9-fc28-4e33-88fe-88d667d2e646.png",[136,138,140],{"id":119,"label":120,"slug":121,"rank":62,"group":137},{"id":115,"label":116,"slug":117},{"id":59,"label":60,"slug":61,"rank":71,"group":139},{"id":64,"label":65,"slug":66},{"id":111,"label":112,"slug":113,"rank":79,"group":141},{"id":115,"label":116,"slug":117},[143,147,151,152],{"id":144,"title":145,"slug":146},284,"Modal","modal",{"id":148,"title":149,"slug":150},260,"Badge","badge",{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":94,"description":157,"canonical_path":4,"image":158,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":159,"component_categories":171,"app":175},"f413905c-e4e2-4198-8cb4-5bdfb00dfa9c","Search result overlay where the user views a gallery of Medal of Honor images, featuring a large main display and a scrollable grid of thumbnails.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff413905c-e4e2-4198-8cb4-5bdfb00dfa9c.png",[160,162,164],{"id":119,"label":120,"slug":121,"rank":62,"group":161},{"id":115,"label":116,"slug":117},{"id":111,"label":112,"slug":113,"rank":71,"group":163},{"id":115,"label":116,"slug":117},{"id":165,"label":166,"slug":167,"rank":79,"group":168},24,"Share","share",{"id":79,"label":169,"slug":170},"Actions","actions",[172,173,174],{"id":148,"title":149,"slug":150},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":94,"description":179,"canonical_path":4,"image":180,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":181,"component_categories":196,"app":208},"dc3f41ab-c2bc-41c0-b7eb-190200616a50","AI-powered search result page displaying an answer about the Medal of Honor with cited sources, related images, and a follow-up question composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc3f41ab-c2bc-41c0-b7eb-190200616a50.png",[182,184,186,188],{"id":59,"label":60,"slug":61,"rank":62,"group":183},{"id":64,"label":65,"slug":66},{"id":111,"label":112,"slug":113,"rank":71,"group":185},{"id":115,"label":116,"slug":117},{"id":103,"label":104,"slug":105,"rank":79,"group":187},{"id":107,"label":108,"slug":109},{"id":189,"label":190,"slug":191,"rank":64,"group":192},118,"Help","help",{"id":193,"label":194,"slug":195},12,"States & Feedback","states-and-feedback",[197,201,205,206,207],{"id":198,"title":199,"slug":200},169,"Avatar","avatar",{"id":202,"title":203,"slug":204},277,"Button group","button-group",{"id":125,"title":126,"slug":127},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":209},[],{"uuid":211,"title":94,"description":212,"canonical_path":4,"image":213,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":214,"component_categories":228,"app":232},"c08cced9-b94f-4a66-929e-416238eab2b1","AI search result page where the user views an answer about the Medal of Honor, complete with source citations, related media, and a follow-up prompt input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc08cced9-b94f-4a66-929e-416238eab2b1.png",[215,217,219,221,223],{"id":59,"label":60,"slug":61,"rank":62,"group":216},{"id":64,"label":65,"slug":66},{"id":103,"label":104,"slug":105,"rank":71,"group":218},{"id":107,"label":108,"slug":109},{"id":119,"label":120,"slug":121,"rank":79,"group":220},{"id":115,"label":116,"slug":117},{"id":165,"label":166,"slug":167,"rank":64,"group":222},{"id":79,"label":169,"slug":170},{"id":224,"label":225,"slug":226,"rank":68,"group":227},28,"AI Chat","ai-chat",{"id":64,"label":65,"slug":66},[229,230,231],{"id":198,"title":199,"slug":200},{"id":125,"title":126,"slug":127},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":233},[],{"uuid":235,"title":94,"description":236,"canonical_path":4,"image":237,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":238,"component_categories":247,"app":252},"f4f53c79-a18a-4d3f-a2d6-41f0007abd80","AI-powered search results page displaying a generated answer with cited sources, related media, and a conversational composer for follow-up questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4f53c79-a18a-4d3f-a2d6-41f0007abd80.png",[239,241,243,245],{"id":59,"label":60,"slug":61,"rank":62,"group":240},{"id":64,"label":65,"slug":66},{"id":103,"label":104,"slug":105,"rank":71,"group":242},{"id":107,"label":108,"slug":109},{"id":111,"label":112,"slug":113,"rank":79,"group":244},{"id":115,"label":116,"slug":117},{"id":189,"label":190,"slug":191,"rank":64,"group":246},{"id":193,"label":194,"slug":195},[248,249,250,251],{"id":202,"title":203,"slug":204},{"id":125,"title":126,"slug":127},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":253},[],{"uuid":255,"title":94,"description":256,"canonical_path":4,"image":257,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":258,"component_categories":267,"app":272},"785d2d07-4802-49af-b6f9-073f0199c7f9","Search results page where the user views an AI-generated answer about the Medal of Honor, complete with source citations, related images, and a follow-up prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F785d2d07-4802-49af-b6f9-073f0199c7f9.png",[259,261,263,265],{"id":59,"label":60,"slug":61,"rank":62,"group":260},{"id":64,"label":65,"slug":66},{"id":111,"label":112,"slug":113,"rank":71,"group":262},{"id":115,"label":116,"slug":117},{"id":103,"label":104,"slug":105,"rank":79,"group":264},{"id":107,"label":108,"slug":109},{"id":189,"label":190,"slug":191,"rank":64,"group":266},{"id":193,"label":194,"slug":195},[268,269,270,271],{"id":198,"title":199,"slug":200},{"id":125,"title":126,"slug":127},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":273},[],{"uuid":275,"title":94,"description":276,"canonical_path":4,"image":277,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":278,"component_categories":287,"app":291},"818b59bf-df7a-4ca0-9367-8ffdff7b344a","AI-powered search results page where the user views an answer about the Medal of Honor with cited sources, related media, and an input to ask follow-up questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F818b59bf-df7a-4ca0-9367-8ffdff7b344a.png",[279,281,283,285],{"id":59,"label":60,"slug":61,"rank":62,"group":280},{"id":64,"label":65,"slug":66},{"id":103,"label":104,"slug":105,"rank":71,"group":282},{"id":107,"label":108,"slug":109},{"id":111,"label":112,"slug":113,"rank":79,"group":284},{"id":115,"label":116,"slug":117},{"id":119,"label":120,"slug":121,"rank":64,"group":286},{"id":115,"label":116,"slug":117},[288,289,290],{"id":202,"title":203,"slug":204},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":292},[],{"uuid":294,"title":94,"description":295,"canonical_path":4,"image":296,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":297,"component_categories":313,"app":320},"e19af74a-37e4-4a94-b46e-f97e1b857385","AI chat interface where the user is creating a new collection titled Vacation Planning with custom AI instructions via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe19af74a-37e4-4a94-b46e-f97e1b857385.png",[298,303,308],{"id":299,"label":300,"slug":301,"rank":62,"group":302},7,"Add & Create","add-and-create",{"id":79,"label":169,"slug":170},{"id":304,"label":305,"slug":306,"rank":71,"group":307},33,"AI Settings","ai-settings",{"id":64,"label":65,"slug":66},{"id":309,"label":310,"slug":311,"rank":79,"group":312},114,"Confirmation","confirmation",{"id":193,"label":194,"slug":195},[314,318,319],{"id":315,"title":316,"slug":317},240,"Horizontal navigation","horizontal-navigation",{"id":144,"title":145,"slug":146},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":321},[],{"uuid":323,"title":94,"description":324,"canonical_path":4,"image":325,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":326,"component_categories":331,"app":334},"d52d76cf-d46c-420d-9bdb-8bfe9169540d","Modal where the user creates a new collection by providing a title, optional description, custom AI prompt instructions, and privacy settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd52d76cf-d46c-420d-9bdb-8bfe9169540d.png",[327,329],{"id":299,"label":300,"slug":301,"rank":62,"group":328},{"id":79,"label":169,"slug":170},{"id":304,"label":305,"slug":306,"rank":71,"group":330},{"id":64,"label":65,"slug":66},[332,333],{"id":144,"title":145,"slug":146},{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":335},[],{"uuid":337,"title":94,"description":338,"canonical_path":4,"image":339,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":340,"component_categories":349,"app":355},"1f5f3bb8-054c-4a0c-bd96-32e4f1100823","AI-powered search result page displaying a generated answer about the Medal of Honor, complete with cited source cards, a related image grid, and an input field for follow-up questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f5f3bb8-054c-4a0c-bd96-32e4f1100823.png",[341,343,345,347],{"id":59,"label":60,"slug":61,"rank":62,"group":342},{"id":64,"label":65,"slug":66},{"id":111,"label":112,"slug":113,"rank":71,"group":344},{"id":115,"label":116,"slug":117},{"id":189,"label":190,"slug":191,"rank":79,"group":346},{"id":193,"label":194,"slug":195},{"id":103,"label":104,"slug":105,"rank":64,"group":348},{"id":107,"label":108,"slug":109},[350,351,352,353,354],{"id":148,"title":149,"slug":150},{"id":198,"title":199,"slug":200},{"id":202,"title":203,"slug":204},{"id":125,"title":126,"slug":127},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":356},[],[],[359,361,363,365,367,369,371,373,375,377,379,381,384,387,390,393,396,399,401,405,409,413],{"label":60,"to":360},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":112,"to":362},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":120,"to":364},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":190,"to":366},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":300,"to":368},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":305,"to":370},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":166,"to":372},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":77,"to":374},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":225,"to":376},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":310,"to":378},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":69,"to":380},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":382,"to":383},"Perplexity marketing pages","\u002Fexamples\u002Fapps\u002Fperplexity\u002Fmarketing",{"label":385,"to":386},"Perplexity user flows","\u002Fexamples\u002Fapps\u002Fperplexity\u002Fflows",{"label":388,"to":389},"Perplexity UI components","\u002Fexamples\u002Fapps\u002Fperplexity\u002Fcomponents",{"label":391,"to":392},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":394,"to":395},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":397,"to":398},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"label":400,"to":18},"All SaaS app examples",{"label":402,"to":403,"description":404},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":406,"to":407,"description":408},"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":410,"to":411,"description":412},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":414,"to":415,"description":416},"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":418,"updated_at":419},"2024-01-22T10:46:20.000Z","2026-09-13T13:02:39.000Z"]