[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsearch-menu":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":521,"links":522,"dates":584},"\u002Fexamples\u002Ftags\u002Fsearch-menu","collection","screens",true,{"example_count":9,"app_count":10},997,92,{"id":12,"title":13,"description":14},209983,"Search menu","",{"title":16,"description":17,"og_image":18},"Search menu screen examples - Nicelydone","Search menu screen design examples from SaaS apps. Browse examples from Midday, Copilot, Evervault.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fb59993-c239-4cf4-8c9a-aa6f416c2d5b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Search menu screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"997 screens",[34,99,132,186,226,275,316,340,387,421,453,491],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":68,"app":85},"9fb59993-c239-4cf4-8c9a-aa6f416c2d5b","Transactions | Midday","Transactions list view where the user is applying a filter via a nested dropdown menu to select recurring transaction types.","\u002Fexamples\u002Fapps\u002Fmidday\u002Fscreens",3024,1714,"Transactions | Midday from Midday","2025-05-05T11:20:36.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},13,"Filter & Sort","filter-and-sort",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},47,"Table","table",1,{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",{"id":64,"label":65,"slug":66,"rank":51,"group":67},49,"Usage","usage",{"id":60,"label":61,"slug":62},[69,73,77,81],{"id":70,"title":71,"slug":72},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},260,"Badge","badge",{"id":78,"title":79,"slug":80},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":86,"title":87,"logo":88,"baseline":89,"categories":90},"midday","Midday","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidday-j5yflnvf.png","Run your business",[91,95],{"id":92,"title":93,"slug":94},36,"Finance","finance",{"id":96,"title":97,"slug":98},56,"Accounting","accounting",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":39,"height":40,"image_alt":105,"published_at":106,"kind":43,"patterns":107,"component_categories":116,"app":122},"429aff50-6a0b-4aab-b91d-8a083cf7c3ca","Microsoft Copilot: Your AI companion","AI chat interface where the user views a hotel recommendation and a sponsored ad, with prompt suggestions available before typing a new message.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F429aff50-6a0b-4aab-b91d-8a083cf7c3ca.png","Microsoft Copilot: Your AI companion from Copilot","2025-05-05T11:00:42.000Z",[108],{"id":109,"label":110,"slug":111,"rank":49,"group":112},28,"AI Chat","ai-chat",{"id":113,"label":114,"slug":115},3,"AI","ai",[117,121],{"id":118,"title":119,"slug":120},174,"Card","card",{"id":82,"title":83,"slug":84},{"slug":123,"title":124,"logo":125,"baseline":126,"categories":127},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[128],{"id":129,"title":130,"slug":131},80,"Artificial Intelligence","artificial-intelligence",{"uuid":133,"title":134,"description":135,"canonical_path":136,"image":137,"width":39,"height":138,"image_alt":139,"published_at":140,"kind":43,"patterns":141,"component_categories":156,"app":165},"7e1ccb0a-506c-4204-b404-89587eb595d8","Evervault","Logs view where the developer can search API requests using key-value syntax, filter by time, and monitor request volume via a bar chart.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e1ccb0a-506c-4204-b404-89587eb595d8.png",1780,"Evervault from Evervault","2025-04-29T08:32:29.000Z",[142,147,149,154],{"id":143,"label":144,"slug":145,"rank":49,"group":146},22,"Search","search",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":148},{"id":51,"label":52,"slug":53},{"id":150,"label":151,"slug":152,"rank":51,"group":153},40,"Charts","charts",{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":113,"group":155},{"id":60,"label":61,"slug":62},[157,161,162,163,164],{"id":158,"title":159,"slug":160},233,"Tabs","tabs",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":166,"title":134,"logo":167,"baseline":168,"categories":169},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[170,174,178,182],{"id":171,"title":172,"slug":173},48,"Developer Tools","developer-tools",{"id":175,"title":176,"slug":177},37,"Developer APIs","developer-apis",{"id":179,"title":180,"slug":181},39,"Payments","payments",{"id":183,"title":184,"slug":185},78,"Security","security",{"uuid":187,"title":188,"description":189,"canonical_path":190,"image":191,"width":39,"height":40,"image_alt":192,"published_at":193,"kind":43,"patterns":194,"component_categories":213,"app":216},"ce026f9f-78a3-4396-be1c-eb14448e332a","Search • nicelydoneproducts@gmail.com • Notion Mail","Search page where the user is waiting for results matching their query to load.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce026f9f-78a3-4396-be1c-eb14448e332a.png","Search • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z",[195,203,211],{"id":196,"label":197,"slug":198,"rank":49,"group":199},84,"Search Results","search-results",{"id":200,"label":201,"slug":202},8,"Pages & Content","pages-and-content",{"id":204,"label":205,"slug":206,"rank":58,"group":207},120,"Loading","loading",{"id":208,"label":209,"slug":210},12,"States & Feedback","states-and-feedback",{"id":143,"label":144,"slug":145,"rank":51,"group":212},{"id":51,"label":52,"slug":53},[214,215],{"id":74,"title":75,"slug":76},{"id":82,"title":83,"slug":84},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[222,225],{"id":10,"title":223,"slug":224},"Email","email",{"id":129,"title":130,"slug":131},{"uuid":227,"title":228,"description":229,"canonical_path":230,"image":231,"width":39,"height":40,"image_alt":232,"published_at":233,"kind":43,"patterns":234,"component_categories":251,"app":261},"d2cc025d-7b8c-4107-8aa8-26725c327be7","Activity – Record Club","Activity feed where the user views recent comments and reviews from the community, with an active search overlay open to find specific releases or artists.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2cc025d-7b8c-4107-8aa8-26725c327be7.png","Activity – Record Club from Record club","2025-04-21T10:47:50.000Z",[235,243,245],{"id":236,"label":237,"slug":238,"rank":49,"group":239},113,"Social Feed","social-feed",{"id":240,"label":241,"slug":242},11,"Social & Collaboration","social-and-collaboration",{"id":143,"label":144,"slug":145,"rank":58,"group":244},{"id":51,"label":52,"slug":53},{"id":246,"label":159,"slug":160,"rank":51,"group":247},69,{"id":248,"label":249,"slug":250},6,"Navigation & Commands","navigation-and-commands",[252,256,257,258,259,260],{"id":253,"title":254,"slug":255},177,"Breadcrumb","breadcrumb",{"id":158,"title":159,"slug":160},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":262,"title":263,"logo":264,"baseline":265,"categories":266},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[267,271],{"id":268,"title":269,"slug":270},20,"Music","music",{"id":272,"title":273,"slug":274},14,"Social","social",{"uuid":276,"title":277,"description":278,"canonical_path":279,"image":280,"width":39,"height":138,"image_alt":281,"published_at":282,"kind":43,"patterns":283,"component_categories":298,"app":306},"25212622-7dc1-417f-8b30-81fd2d5a2209","Sora","Search results page where the user is browsing generated videos for 'jurassic park' and filtering by storyboards and blends.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25212622-7dc1-417f-8b30-81fd2d5a2209.png","Sora from Sora","2025-04-14T09:27:56.000Z",[284,286,288,293],{"id":196,"label":197,"slug":198,"rank":49,"group":285},{"id":200,"label":201,"slug":202},{"id":46,"label":47,"slug":48,"rank":58,"group":287},{"id":51,"label":52,"slug":53},{"id":289,"label":290,"slug":291,"rank":51,"group":292},82,"Media Detail","media-detail",{"id":200,"label":201,"slug":202},{"id":294,"label":295,"slug":296,"rank":113,"group":297},30,"AI Generation","ai-generation",{"id":113,"label":114,"slug":115},[299,303,304,305],{"id":300,"title":301,"slug":302},277,"Button group","button-group",{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":307,"title":277,"logo":308,"baseline":309,"categories":310},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[311,312],{"id":129,"title":130,"slug":131},{"id":313,"title":314,"slug":315},100,"Video","video",{"uuid":317,"title":318,"description":319,"canonical_path":320,"image":321,"width":39,"height":40,"image_alt":322,"published_at":323,"kind":43,"patterns":324,"component_categories":329,"app":333},"17ef361c-11fb-42f4-b8d3-14247c8c068e","New conversation - Grok","AI chat interface where the user has asked to compare marathon running shoes and the model is currently performing a deep search to generate the response.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17ef361c-11fb-42f4-b8d3-14247c8c068e.png","New conversation - Grok from Grok","2025-04-14T08:55:44.000Z",[325,327],{"id":109,"label":110,"slug":111,"rank":49,"group":326},{"id":113,"label":114,"slug":115},{"id":204,"label":205,"slug":206,"rank":58,"group":328},{"id":208,"label":209,"slug":210},[330,331,332],{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":334,"title":335,"logo":336,"baseline":337,"categories":338},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[339],{"id":129,"title":130,"slug":131},{"uuid":341,"title":342,"description":343,"canonical_path":344,"image":345,"width":39,"height":346,"image_alt":347,"published_at":348,"kind":43,"patterns":349,"component_categories":365,"app":372},"13ddbb3b-6319-4248-8cfe-754126971673","Bitly | Links","List view where the user searches and filters their active shortened links, with inline actions to copy, share, and edit.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13ddbb3b-6319-4248-8cfe-754126971673.png",1778,"Bitly | Links from Bitly","2025-03-31T12:38:36.000Z",[350,352,354,356,361],{"id":143,"label":144,"slug":145,"rank":49,"group":351},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":353},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":51,"group":355},{"id":60,"label":61,"slug":62},{"id":357,"label":358,"slug":359,"rank":113,"group":360},24,"Share","share",{"id":51,"label":52,"slug":53},{"id":240,"label":362,"slug":363,"rank":60,"group":364},"Edit","edit",{"id":51,"label":52,"slug":53},[366,367,368,369,370,371],{"id":300,"title":301,"slug":302},{"id":118,"title":119,"slug":120},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":373,"title":374,"logo":375,"baseline":376,"categories":377},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[378,379,383],{"id":272,"title":273,"slug":274},{"id":380,"title":381,"slug":382},25,"Marketing","marketing",{"id":384,"title":385,"slug":386},46,"Analytics","analytics",{"uuid":388,"title":389,"description":390,"canonical_path":391,"image":392,"width":39,"height":393,"image_alt":394,"published_at":395,"kind":43,"patterns":396,"component_categories":404,"app":405},"3fc6abb5-7477-4f95-b4c7-76cff751c98d","Reflect #3","Changelog page detailing new features, editor improvements, and bug fixes for the Reflect app, organized by release date in a timeline format.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fc6abb5-7477-4f95-b4c7-76cff751c98d.png",21664,"Reflect #3 from Reflect","2025-03-24T15:32:15.000Z",[397],{"id":82,"label":398,"slug":399,"rank":49,"group":400},"Changelog","changelog",{"id":401,"label":402,"slug":403},15,"Marketing Page Types","marketing-page-types",[],{"slug":406,"title":407,"logo":408,"baseline":409,"categories":410},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[411,414,417],{"id":294,"title":412,"slug":413},"Productivity","productivity",{"id":143,"title":415,"slug":416},"Knowledge Management","knowledge-management",{"id":418,"title":419,"slug":420},59,"Writing tools","writing-tools",{"uuid":422,"title":423,"description":424,"canonical_path":425,"image":426,"width":39,"height":346,"image_alt":427,"published_at":428,"kind":43,"patterns":429,"component_categories":442,"app":446},"fb1eeeff-3bde-4ae6-9ddf-5ab6f6ce0d5b","Monarch | Dashboard","Search overlay where the user looks for specific merchants or categories over their financial dashboard.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb1eeeff-3bde-4ae6-9ddf-5ab6f6ce0d5b.png","Monarch | Dashboard from Monarch","2025-03-17T14:09:52.000Z",[430,435,437],{"id":431,"label":432,"slug":433,"rank":49,"group":434},41,"Dashboard","dashboard",{"id":60,"label":61,"slug":62},{"id":143,"label":144,"slug":145,"rank":58,"group":436},{"id":51,"label":52,"slug":53},{"id":438,"label":439,"slug":440,"rank":51,"group":441},79,"Browse","browse",{"id":200,"label":201,"slug":202},[443,444,445],{"id":118,"title":119,"slug":120},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[452],{"id":92,"title":93,"slug":94},{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":346,"image_alt":459,"published_at":460,"kind":43,"patterns":461,"component_categories":475,"app":479},"fb47e6d5-1238-437c-bf89-d3e290bab4ba","Ideas","List view where the user manages social media post ideas and drafts, currently filtering by LinkedIn and Instagram.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb47e6d5-1238-437c-bf89-d3e290bab4ba.png","Ideas from Assembly","2025-03-17T13:29:41.000Z",[462,464,466,468,473],{"id":438,"label":439,"slug":440,"rank":49,"group":463},{"id":200,"label":201,"slug":202},{"id":55,"label":56,"slug":57,"rank":58,"group":465},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":51,"group":467},{"id":51,"label":52,"slug":53},{"id":469,"label":470,"slug":471,"rank":113,"group":472},7,"Add & Create","add-and-create",{"id":51,"label":52,"slug":53},{"id":143,"label":144,"slug":145,"rank":60,"group":474},{"id":51,"label":52,"slug":53},[476,477,478],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":480,"title":481,"logo":482,"baseline":483,"categories":484},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[485,486,490],{"id":272,"title":273,"slug":274},{"id":487,"title":488,"slug":489},23,"Collaboration","collaboration",{"id":380,"title":381,"slug":382},{"uuid":492,"title":493,"description":494,"canonical_path":495,"image":496,"width":39,"height":346,"image_alt":497,"published_at":498,"kind":43,"patterns":499,"component_categories":506,"app":513},"50c954d9-9f38-421a-8d97-8e400fab643c","Leap AI | Automate any workflow with AI","List view where the user filters and reviews past workflow runs by status.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50c954d9-9f38-421a-8d97-8e400fab643c.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[500,502,504],{"id":46,"label":47,"slug":48,"rank":49,"group":501},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":503},{"id":60,"label":61,"slug":62},{"id":431,"label":432,"slug":433,"rank":51,"group":505},{"id":60,"label":61,"slug":62},[507,511,512],{"id":508,"title":509,"slug":510},211,"Pagination","pagination",{"id":253,"title":254,"slug":255},{"id":82,"title":83,"slug":84},{"slug":514,"title":515,"logo":516,"baseline":517,"categories":518},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[519,520],{"id":129,"title":130,"slug":131},{"id":294,"title":412,"slug":413},[],[523,525,527,530,532,534,536,538,540,542,544,546,548,551,554,557,560,563,566,569,572,575,578,581],{"label":47,"to":524,"count":248},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":144,"to":526,"count":248},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":56,"to":528,"count":529},"\u002Fexamples\u002Fscreens\u002Ftable",5,{"label":110,"to":531,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":439,"to":533,"count":51},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":432,"to":535,"count":51},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":205,"to":537,"count":51},"\u002Fexamples\u002Fscreens\u002Floading",{"label":197,"to":539,"count":51},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":470,"to":541,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":295,"to":543,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":151,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":362,"to":547,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":549,"to":550},"Midday design examples","\u002Fexamples\u002Fapps\u002Fmidday",{"label":552,"to":553},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":555,"to":556},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":558,"to":559},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":561,"to":562},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":564,"to":565},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":567,"to":568},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":570,"to":571},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":573,"to":574},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":576,"to":577},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":579,"to":580},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":582,"to":583},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"published_at":585,"updated_at":586},"2025-03-10T06:47:24.000Z","2026-09-09T17:07:17.000Z"]