[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fadvanced-search":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":529,"links":530,"dates":589},"\u002Fexamples\u002Ftags\u002Fadvanced-search","collection","screens",true,{"example_count":9,"app_count":10},1110,130,{"id":12,"title":13,"description":14},4269,"Advanced search","",{"title":16,"description":17,"og_image":18},"Advanced search screen examples - Nicelydone","Advanced search screen design examples from SaaS apps. Browse examples from Mailchimp, Missive, Cushion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf178843-8136-44a0-8c9b-a864eb204464.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Advanced search screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1110 screens",[34,99,140,181,231,277,308,356,393,430,466,503],{"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":60,"app":81},"af178843-8136-44a0-8c9b-a864eb204464","Segments | Mailchimp","Modal where the user builds an audience segment by selecting filters like tags and contact details from a dropdown.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens",2880,1670,"Segments | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z","screen",[45,54],{"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},23,"Select","select",1,{"id":51,"label":52,"slug":53},[61,65,69,73,77],{"id":62,"title":63,"slug":64},284,"Modal","modal",{"id":66,"title":67,"slug":68},240,"Horizontal navigation","horizontal-navigation",{"id":70,"title":71,"slug":72},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},260,"Badge","badge",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":82,"title":83,"logo":84,"baseline":85,"categories":86},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[87,91,95],{"id":88,"title":89,"slug":90},25,"Marketing","marketing",{"id":92,"title":93,"slug":94},27,"Email Newsletters","email-newsletters",{"id":96,"title":97,"slug":98},68,"SMS","sms",{"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":123,"app":127},"2508cc97-850e-4574-b44d-c58f9f5e5c50","(10) Inbox","Combined inbox view where the user is navigating a nested filter menu to find conversations assigned to specific teammates.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2508cc97-850e-4574-b44d-c58f9f5e5c50.png","(10) Inbox from Missive","2026-04-20T14:33:36.000Z",[108,110,115],{"id":46,"label":47,"slug":48,"rank":49,"group":109},{"id":51,"label":52,"slug":53},{"id":111,"label":112,"slug":113,"rank":58,"group":114},22,"Search","search",{"id":51,"label":52,"slug":53},{"id":116,"label":117,"slug":118,"rank":51,"group":119},109,"Messages","messages",{"id":120,"label":121,"slug":122},11,"Social & Collaboration","social-and-collaboration",[124,125,126],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":128,"title":129,"logo":130,"baseline":131,"categories":132},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[133,136],{"id":55,"title":134,"slug":135},"Collaboration","collaboration",{"id":137,"title":138,"slug":139},92,"Email","email",{"uuid":141,"title":142,"description":143,"canonical_path":144,"image":145,"width":146,"height":147,"image_alt":148,"published_at":149,"kind":43,"patterns":150,"component_categories":155,"app":162},"cf7d97d2-7fa8-4db0-8db6-e46f650723d3","Search - Cushion","Search page where the user can find posts, comments, and check-ins, currently showing an open filter menu for specific team members and channels.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf7d97d2-7fa8-4db0-8db6-e46f650723d3.png",3024,1776,"Search - Cushion from Cushion","2026-04-14T11:44:00.000Z",[151,153],{"id":111,"label":112,"slug":113,"rank":49,"group":152},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":154},{"id":51,"label":52,"slug":53},[156,160,161],{"id":157,"title":158,"slug":159},233,"Tabs","tabs",{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"slug":163,"title":164,"logo":165,"baseline":166,"categories":167},"cushion-so","Cushion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[168,169,173,177],{"id":55,"title":134,"slug":135},{"id":170,"title":171,"slug":172},42,"Messaging","messaging",{"id":174,"title":175,"slug":176},82,"Communication","communication",{"id":178,"title":179,"slug":180},89,"Remote","remote",{"uuid":182,"title":183,"description":184,"canonical_path":185,"image":186,"width":146,"height":147,"image_alt":187,"published_at":188,"kind":43,"patterns":189,"component_categories":208,"app":212},"268ffa5b-8ce4-469d-a6bc-054a1c1b3612","Search › Define personas based on behavior data","Search results page where the user views a list of issues matching their query, with pill tabs to scope by category and a row-based filter for status type.","\u002Fexamples\u002Fapps\u002Flinear\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F268ffa5b-8ce4-469d-a6bc-054a1c1b3612.png","Search › Define personas based on behavior data from Linear","2026-04-06T18:33:08.000Z",[190,198,200],{"id":191,"label":192,"slug":193,"rank":49,"group":194},84,"Search Results","search-results",{"id":195,"label":196,"slug":197},8,"Pages & Content","pages-and-content",{"id":46,"label":47,"slug":48,"rank":58,"group":199},{"id":51,"label":52,"slug":53},{"id":201,"label":202,"slug":203,"rank":51,"group":204},64,"Global Search","global-search",{"id":205,"label":206,"slug":207},6,"Navigation & Commands","navigation-and-commands",[209,210,211],{"id":157,"title":158,"slug":159},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":213,"title":214,"logo":215,"baseline":216,"categories":217},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[218,222,226,227],{"id":219,"title":220,"slug":221},29,"Task Management","task-management",{"id":223,"title":224,"slug":225},30,"Productivity","productivity",{"id":55,"title":134,"slug":135},{"id":228,"title":229,"slug":230},86,"Product management","product-management",{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":146,"height":237,"image_alt":238,"published_at":239,"kind":43,"patterns":240,"component_categories":253,"app":260},"9d7f5c50-a4c8-4257-b067-eb0e93ac9205","Kinescope","Search page in a video catalog where the user has applied multiple filters but found no matching results.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d7f5c50-a4c8-4257-b067-eb0e93ac9205.png",1780,"Kinescope from Kinescope","2026-03-02T10:47:09.000Z",[241,243,245],{"id":111,"label":112,"slug":113,"rank":49,"group":242},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":244},{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":51,"group":249},115,"Empty State","empty-state",{"id":250,"label":251,"slug":252},12,"States & Feedback","states-and-feedback",[254,258,259],{"id":255,"title":256,"slug":257},214,"Popover","popover",{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"slug":261,"title":233,"logo":262,"baseline":263,"categories":264},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[265,269,273],{"id":266,"title":267,"slug":268},37,"Developer APIs","developer-apis",{"id":270,"title":271,"slug":272},70,"Video streaming","video-streaming",{"id":274,"title":275,"slug":276},100,"Video","video",{"uuid":278,"title":279,"description":280,"canonical_path":281,"image":282,"width":146,"height":237,"image_alt":283,"published_at":284,"kind":43,"patterns":285,"component_categories":290,"app":295},"cc0e45e1-a16e-49e0-b2f5-632d341d88aa","Lightfield","List view of notes where the user is actively configuring a filter for specific accounts using cascading comboboxes.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc0e45e1-a16e-49e0-b2f5-632d341d88aa.png","Lightfield from Lightfield","2026-01-26T12:34:24.000Z",[286,288],{"id":46,"label":47,"slug":48,"rank":49,"group":287},{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":58,"group":289},{"id":250,"label":251,"slug":252},[291,292,293,294],{"id":157,"title":158,"slug":159},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":296,"title":279,"logo":297,"baseline":298,"categories":299},"lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[300,304],{"id":301,"title":302,"slug":303},53,"CRM","crm",{"id":305,"title":306,"slug":307},80,"Artificial Intelligence","artificial-intelligence",{"uuid":309,"title":310,"description":311,"canonical_path":312,"image":313,"width":146,"height":237,"image_alt":314,"published_at":315,"kind":43,"patterns":316,"component_categories":338,"app":346},"d071c299-68cb-48f6-996d-549ac43616ca","nicelydone-trial-5676070 - People","List view where an admin manages people in the directory, featuring an advanced search filter builder and a trial usage quota.","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd071c299-68cb-48f6-996d-549ac43616ca.png","nicelydone-trial-5676070 - People from Okta","2026-01-12T12:46:04.000Z",[317,325,327,329],{"id":318,"label":319,"slug":320,"rank":49,"group":321},104,"Team Management","team-management",{"id":322,"label":323,"slug":324},10,"Settings & Admin","settings-and-admin",{"id":46,"label":47,"slug":48,"rank":58,"group":326},{"id":51,"label":52,"slug":53},{"id":111,"label":112,"slug":113,"rank":51,"group":328},{"id":51,"label":52,"slug":53},{"id":330,"label":331,"slug":332,"rank":333,"group":334},49,"Usage","usage",3,{"id":335,"label":336,"slug":337},4,"Data & Analysis","data-and-analysis",[339,343,344,345],{"id":340,"title":341,"slug":342},174,"Card","card",{"id":66,"title":67,"slug":68},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":347,"title":348,"logo":349,"baseline":350,"categories":351},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[352],{"id":353,"title":354,"slug":355},78,"Security","security",{"uuid":357,"title":358,"description":359,"canonical_path":360,"image":361,"width":146,"height":237,"image_alt":362,"published_at":363,"kind":43,"patterns":364,"component_categories":374,"app":377},"94313223-9507-4f1b-8f9a-cd7caadef6d8","Table 01 | Zapier","Data table view where the user is configuring a multi-condition filter to find records where the job title contains 'engineer'.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94313223-9507-4f1b-8f9a-cd7caadef6d8.png","Table 01 | Zapier from Zapier","2025-07-28T14:04:12.000Z",[365,370,372],{"id":366,"label":367,"slug":368,"rank":49,"group":369},47,"Table","table",{"id":335,"label":336,"slug":337},{"id":46,"label":47,"slug":48,"rank":58,"group":371},{"id":51,"label":52,"slug":53},{"id":111,"label":112,"slug":113,"rank":51,"group":373},{"id":51,"label":52,"slug":53},[375,376],{"id":66,"title":67,"slug":68},{"id":74,"title":75,"slug":76},{"slug":378,"title":379,"logo":380,"baseline":381,"categories":382},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[383,384,388,389],{"id":266,"title":267,"slug":268},{"id":385,"title":386,"slug":387},48,"Developer Tools","developer-tools",{"id":305,"title":306,"slug":307},{"id":390,"title":391,"slug":392},105,"Workflow Automation","workflow-automation",{"uuid":394,"title":395,"description":396,"canonical_path":397,"image":398,"width":146,"height":237,"image_alt":399,"published_at":400,"kind":43,"patterns":401,"component_categories":408,"app":415},"a0a96606-1831-4e84-ac31-039c05fa633b","Image Object Detection Template Project 925d6c - Nucleus","Search interface where the user queries an image dataset and sees an empty state because no results match.","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0a96606-1831-4e84-ac31-039c05fa633b.png","Image Object Detection Template Project 925d6c - Nucleus from Scale","2025-07-28T13:24:59.000Z",[402,404,406],{"id":246,"label":247,"slug":248,"rank":49,"group":403},{"id":250,"label":251,"slug":252},{"id":111,"label":112,"slug":113,"rank":58,"group":405},{"id":51,"label":52,"slug":53},{"id":366,"label":367,"slug":368,"rank":51,"group":407},{"id":335,"label":336,"slug":337},[409,413,414],{"id":410,"title":411,"slug":412},223,"Slider","slider",{"id":340,"title":341,"slug":342},{"id":78,"title":79,"slug":80},{"slug":416,"title":417,"logo":418,"baseline":419,"categories":420},"scale","Scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","The data platform for AI",[421,422,426],{"id":305,"title":306,"slug":307},{"id":423,"title":424,"slug":425},57,"Big data","big-data",{"id":427,"title":428,"slug":429},77,"Machine learning","machine-learning",{"uuid":431,"title":432,"description":433,"canonical_path":434,"image":435,"width":146,"height":237,"image_alt":436,"published_at":437,"kind":43,"patterns":438,"component_categories":445,"app":450},"e5b36b41-1fac-445b-b33b-33724b8490b4","Lingo — The visual home for your brand","Search overlay where the user filters results by type, kit, and date created to find specific assets or sections.","\u002Fexamples\u002Fapps\u002Flingo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5b36b41-1fac-445b-b33b-33724b8490b4.png","Lingo — The visual home for your brand from Lingo","2025-07-21T12:34:41.000Z",[439,441,443],{"id":201,"label":202,"slug":203,"rank":49,"group":440},{"id":205,"label":206,"slug":207},{"id":46,"label":47,"slug":48,"rank":58,"group":442},{"id":51,"label":52,"slug":53},{"id":111,"label":112,"slug":113,"rank":51,"group":444},{"id":51,"label":52,"slug":53},[446,447,448,449],{"id":62,"title":63,"slug":64},{"id":157,"title":158,"slug":159},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":451,"title":452,"logo":453,"baseline":454,"categories":455},"lingo","Lingo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flingo-13d0858f.png","Build your team's visual language",[456,459,462],{"id":195,"title":457,"slug":458},"Design","design",{"id":111,"title":460,"slug":461},"Knowledge Management","knowledge-management",{"id":463,"title":464,"slug":465},71,"File sharing","file-sharing",{"uuid":467,"title":468,"description":469,"canonical_path":470,"image":471,"width":146,"height":237,"image_alt":472,"published_at":473,"kind":43,"patterns":474,"component_categories":482,"app":495},"b1ff1414-b02f-41a4-a342-d25879eccd97","Freckle","List view of tables with an active modal for building a lead list using company lookalike filters like size, revenue, and location.","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1ff1414-b02f-41a4-a342-d25879eccd97.png","Freckle from Freckle","2025-06-30T13:53:29.000Z",[475,477],{"id":46,"label":47,"slug":48,"rank":49,"group":476},{"id":51,"label":52,"slug":53},{"id":478,"label":479,"slug":480,"rank":58,"group":481},7,"Add & Create","add-and-create",{"id":51,"label":52,"slug":53},[483,487,491,492,493,494],{"id":484,"title":485,"slug":486},257,"Input number","input-number",{"id":488,"title":489,"slug":490},177,"Breadcrumb","breadcrumb",{"id":62,"title":63,"slug":64},{"id":157,"title":158,"slug":159},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":496,"title":468,"logo":497,"baseline":498,"categories":499},"freckle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffreckle-93eaytji.png","The Clay-alternative built for non-technical users",[500,501,502],{"id":301,"title":302,"slug":303},{"id":305,"title":306,"slug":307},{"id":88,"title":89,"slug":90},{"uuid":504,"title":505,"description":506,"canonical_path":507,"image":508,"width":146,"height":237,"image_alt":509,"published_at":510,"kind":43,"patterns":511,"component_categories":516,"app":522},"f63971e4-baf6-4cbb-ae81-dcfb5de0ca43","Clay | Find people Table","Data table view where the user is configuring a filter to find people whose surname is not empty or whose phone number equals a specific value.","\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff63971e4-baf6-4cbb-ae81-dcfb5de0ca43.png","Clay | Find people Table from Clay","2025-06-17T08:39:37.000Z",[512,514],{"id":366,"label":367,"slug":368,"rank":49,"group":513},{"id":335,"label":336,"slug":337},{"id":46,"label":47,"slug":48,"rank":58,"group":515},{"id":51,"label":52,"slug":53},[517,518,519,520,521],{"id":488,"title":489,"slug":490},{"id":255,"title":256,"slug":257},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"id":157,"title":158,"slug":159},{"slug":523,"title":524,"logo":525,"baseline":526,"categories":527},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[528],{"id":301,"title":302,"slug":303},[],[531,533,535,537,539,541,543,545,547,549,551,553,556,559,562,565,568,571,574,577,580,583,586],{"label":47,"to":532,"count":120},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":112,"to":534,"count":478},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":247,"to":536,"count":333},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":367,"to":538,"count":333},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":202,"to":540,"count":51},"\u002Fexamples\u002Fscreens\u002Fglobal-search",{"label":479,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":117,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":192,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":56,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":319,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":331,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":554,"to":555},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":557,"to":558},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":560,"to":561},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":563,"to":564},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":566,"to":567},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":569,"to":570},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":572,"to":573},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":575,"to":576},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":578,"to":579},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"label":581,"to":582},"Lingo design examples","\u002Fexamples\u002Fapps\u002Flingo",{"label":584,"to":585},"Freckle design examples","\u002Fexamples\u002Fapps\u002Ffreckle",{"label":587,"to":588},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"published_at":590,"updated_at":591},"2024-12-11T11:36:30.000Z","2026-09-09T17:07:16.000Z"]