[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-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":37,"showcases":330,"links":331,"dates":377},"\u002Fexamples\u002Fcomponents\u002Finput-search","collection","components",true,{"example_count":9,"app_count":10},64,45,{"id":12,"title":13,"description":14},295,"Input search","See how interfaces provide a starting point for finding content. Explore how search fields combine a query, a hint, and supporting actions within a compact control.",{"title":16,"description":17,"og_image":18},"Input search UI examples - Nicelydone","Input search UI design examples from SaaS apps. See how interfaces provide a starting point for finding content. Explore how search fields combine a query,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba4bdd52-bbc1-4f7a-b98d-f449409d5d79.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Input search UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Input search UI design examples from SaaS apps. See how interfaces provide a starting point for finding content. Explore how search fields combine a query, a hint, and supporting actions within a compact…",[32],{"title":33,"description":14,"links":34},"About Input search",[],[36],"64 UI components",[38,68,89,118,143,169,197,227,256,286,305],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"3daa72ec-8500-4265-9d94-c9414ae48e5d","Mailchimp UI component","A search modal with popular search suggestions and a feedback option.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents",1966,608,"UI component from Mailchimp","component",[48],{"id":12,"title":13,"slug":49},"input-search",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[56,60,64],{"id":57,"title":58,"slug":59},25,"Marketing","marketing",{"id":61,"title":62,"slug":63},27,"Email Newsletters","email-newsletters",{"id":65,"title":66,"slug":67},68,"SMS","sms",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"79a1ef63-e22a-4e47-996a-4b944b2df829","Pocket Casts UI component","A search overlay displaying search suggestions and content results with associated thumbnails and actions.","\u002Fexamples\u002Fapps\u002Fpocket-casts\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ffd6c92-670c-4e58-a230-a52f3f161f9c.png",1006,1494,"UI component from Pocket Casts",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"pocket-casts","Pocket Casts","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ff4d1fda4-3822-47c0-a321-da4fe83db7b8.png","Listen to podcasts with the best free podcasting app",[85],{"id":86,"title":87,"slug":88},15,"Media and Entertainment","media-and-entertainment",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":46,"categories":98,"app":100},"c84b0450-2586-4b88-a885-8513299918d3","Whop UI component","A search input field with a popover displaying search options and recent searches.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae836eb7-eec7-4a79-8fc7-559695ff552f.png",803,908,"UI component from Whop",[99],{"id":12,"title":13,"slug":49},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[106,110,114],{"id":107,"title":108,"slug":109},1,"Communities","communities",{"id":111,"title":112,"slug":113},18,"Marketplace","marketplace",{"id":115,"title":116,"slug":117},39,"Payments","payments",{"uuid":119,"title":120,"description":121,"canonical_path":122,"image":123,"width":124,"height":125,"image_alt":126,"kind":46,"categories":127,"app":129},"1be05bfe-2aad-4567-8636-0ee5761e5f4d","Lightfield UI component","A search overlay displaying categorized results for a query, including a matching account, multiple 'no results' messages, and a task.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12dca4b5-2c2e-4c54-8003-a53b0ab17274.png",500,997,"UI component from Lightfield",[128],{"id":12,"title":13,"slug":49},{"slug":130,"title":131,"logo":132,"baseline":133,"categories":134},"lightfield","Lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[135,139],{"id":136,"title":137,"slug":138},53,"CRM","crm",{"id":140,"title":141,"slug":142},80,"Artificial Intelligence","artificial-intelligence",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":149,"height":150,"image_alt":151,"kind":46,"categories":152,"app":154},"a9c17101-a9f2-4b92-be55-1ebaed9881e5","Slite UI component","The screenshot displays a list of recently edited and viewed documents or files within a project management or collaboration tool.","\u002Fexamples\u002Fapps\u002Fslite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd1307e8e-e091-40ed-8244-2807336984f7.png",1962,1911,"UI component from Slite",[153],{"id":12,"title":13,"slug":49},{"slug":155,"title":156,"logo":157,"baseline":158,"categories":159},"slite","Slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[160,164,168],{"id":161,"title":162,"slug":163},22,"Knowledge Management","knowledge-management",{"id":165,"title":166,"slug":167},23,"Collaboration","collaboration",{"id":140,"title":141,"slug":142},{"uuid":170,"title":171,"description":172,"canonical_path":173,"image":174,"width":175,"height":176,"image_alt":177,"kind":46,"categories":178,"app":180},"03985ae3-f0e8-4574-acbe-dbfc3058a9de","Outseta UI component","A search modal with a list of people and accounts.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70c496b9-955b-48ef-a533-fa6f9c55a428.png",1177,644,"UI component from Outseta",[179],{"id":12,"title":13,"slug":49},{"slug":181,"title":182,"logo":183,"baseline":184,"categories":185},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[186,187,191,192,193],{"id":107,"title":108,"slug":109},{"id":188,"title":189,"slug":190},92,"Email","email",{"id":136,"title":137,"slug":138},{"id":115,"title":116,"slug":117},{"id":194,"title":195,"slug":196},47,"Customer Service","customer-service",{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"kind":46,"categories":206,"app":208},"d5a7b212-b94c-4218-891d-71101a5d5f66","Craft UI component","A search modal displaying document results.","\u002Fexamples\u002Fapps\u002Fcraft\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F305855fe-a267-4be3-8a36-be1e2dcab1f6.png",1081,1093,"UI component from Craft",[207],{"id":12,"title":13,"slug":49},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"craft","Craft","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","Taking notes to the next level",[214,218,219,223],{"id":215,"title":216,"slug":217},30,"Productivity","productivity",{"id":161,"title":162,"slug":163},{"id":220,"title":221,"slug":222},29,"Task Management","task-management",{"id":224,"title":225,"slug":226},59,"Writing tools","writing-tools",{"uuid":228,"title":229,"description":230,"canonical_path":231,"image":232,"width":233,"height":234,"image_alt":235,"kind":46,"categories":236,"app":238},"f02640d8-dcc5-4ae3-9e80-786c4d5e392a","Vimeo UI component","A search modal","\u002Fexamples\u002Fapps\u002Fvimeo\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04436e94-6729-40e9-98f7-f75baafcd232.png",1273,597,"UI component from Vimeo",[237],{"id":12,"title":13,"slug":49},{"slug":239,"title":240,"logo":241,"baseline":242,"categories":243},"vimeo","Vimeo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvimeo-75b68e59.png","Watch, upload and share HD and 4k videos with no ads",[244,248,252],{"id":245,"title":246,"slug":247},70,"Video streaming","video-streaming",{"id":249,"title":250,"slug":251},71,"File sharing","file-sharing",{"id":253,"title":254,"slug":255},100,"Video","video",{"uuid":257,"title":258,"description":259,"canonical_path":260,"image":261,"width":262,"height":263,"image_alt":264,"kind":46,"categories":265,"app":267},"c3a7e1c6-78bb-4454-9417-e987a003edfc","Evervault UI component","The screenshot displays a search input field with a dropdown menu showing filter options.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F234ef6b9-280d-49e4-a36e-bf2e5f4a0473.png",1916,289,"UI component from Evervault",[266],{"id":12,"title":13,"slug":49},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[273,277,281,282],{"id":274,"title":275,"slug":276},48,"Developer Tools","developer-tools",{"id":278,"title":279,"slug":280},37,"Developer APIs","developer-apis",{"id":115,"title":116,"slug":117},{"id":283,"title":284,"slug":285},78,"Security","security",{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":292,"height":293,"image_alt":294,"kind":46,"categories":295,"app":297},"f83e4a5b-acb7-4822-8e15-68bf56fdb4fa","Notion Mail UI component","A search bar with a menu icon and a clear icon.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6ff27b9-4aa6-4648-9cd4-af39d3fe1f2b.png",1151,99,"UI component from Notion Mail",[296],{"id":12,"title":13,"slug":49},{"slug":298,"title":299,"logo":300,"baseline":301,"categories":302},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[303,304],{"id":188,"title":189,"slug":190},{"id":140,"title":141,"slug":142},{"uuid":306,"title":307,"description":308,"canonical_path":309,"image":310,"width":311,"height":312,"image_alt":313,"kind":46,"categories":314,"app":316},"537c6f3c-d1b5-4812-b9b5-a1d27dcc80ae","Record club UI component","A music app showing search results in a modal.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee5de3a8-5017-4849-a4f4-943388724caa.png",1266,1204,"UI component from Record club",[315],{"id":12,"title":13,"slug":49},{"slug":317,"title":318,"logo":319,"baseline":320,"categories":321},"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",[322,326],{"id":323,"title":324,"slug":325},20,"Music","music",{"id":327,"title":328,"slug":329},14,"Social","social",[],[332,335,338,341,344,347,350,353,356,359,362,365,368,371,374],{"label":333,"to":334},"Search","\u002Fexamples\u002Fscreens\u002Fsearch",{"label":336,"to":337},"Dashboard","\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":339,"to":340},"Search Results","\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":342,"to":343},"Activity Log","\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":345,"to":346},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":348,"to":349},"Pocket Casts design examples","\u002Fexamples\u002Fapps\u002Fpocket-casts",{"label":351,"to":352},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":354,"to":355},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":357,"to":358},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":360,"to":361},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":363,"to":364},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":366,"to":367},"Vimeo design examples","\u002Fexamples\u002Fapps\u002Fvimeo",{"label":369,"to":370},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":372,"to":373},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":375,"to":376},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"published_at":378,"updated_at":379},"2023-04-24T09:16:11.000Z","2026-09-17T10:44:16.000Z"]