[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fautocomplete":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":143,"links":144,"dates":169},"\u002Fexamples\u002Fcomponents\u002Fautocomplete","collection","components",false,{"example_count":9,"app_count":9},4,{"id":11,"title":12,"description":13},173,"Autocomplete","See how interfaces suggest possible matches as someone enters text. Explore how suggestion lists, highlighted options, and input fields work together before a value is selected.",{"title":15,"description":16,"og_image":17},"Autocomplete UI examples - Nicelydone","Autocomplete UI design examples from SaaS apps. See how interfaces suggest possible matches as someone enters text. Explore how suggestion lists,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef34d970-3002-4d81-8299-1922dafff7b3.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"Autocomplete UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","Autocomplete UI design examples from SaaS apps. See how interfaces suggest possible matches as someone enters text. Explore how suggestion lists, highlighted options, and input fields work together before…",[31],{"title":32,"description":13,"links":33},"About Autocomplete",[],[35],"4 UI components",[37,67,89,114],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"df3bce70-c9d1-48cf-b914-e47d9437f997","Freckle UI component","A company size selection component.","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fcomponents",896,279,"UI component from Freckle","component",[47],{"id":11,"title":12,"slug":48},"autocomplete",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"freckle","Freckle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffreckle-93eaytji.png","The Clay-alternative built for non-technical users",[55,59,63],{"id":56,"title":57,"slug":58},53,"CRM","crm",{"id":60,"title":61,"slug":62},80,"Artificial Intelligence","artificial-intelligence",{"id":64,"title":65,"slug":66},25,"Marketing","marketing",{"uuid":68,"title":69,"description":70,"canonical_path":71,"image":72,"width":73,"height":74,"image_alt":75,"kind":45,"categories":76,"app":78},"0a881927-4e8a-4da7-9da3-3952ed9da41f","Chronicle UI component","A modal displaying workspace users and company logos for mentions.","\u002Fexamples\u002Fapps\u002Fchronicle\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc45d089f-ef39-4144-a883-892dafe12b6c.png",484,586,"UI component from Chronicle",[77],{"id":11,"title":12,"slug":48},{"slug":79,"title":80,"logo":81,"baseline":82,"categories":83},"chronicle","Chronicle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchronicle-p7klgqh3.png","Stunning presentations, made effortlessly",[84,88],{"id":85,"title":86,"slug":87},85,"Presentation software","presentation-software",{"id":60,"title":61,"slug":62},{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":45,"categories":98,"app":100},"5ea32b39-598f-4e1c-be3b-b1b9e22575c7","Provider Selection Combobox","A combobox dropdown for selecting an SSO provider. It features a search input at the top and a scrollable list of providers with their respective logos. Some providers have an 'Enabled' badge indicating their current status.","\u002Fexamples\u002Fapps\u002Fclerk\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7dc3a824-67f9-4f76-a4f4-a0a452fef5a0.png",850,1392,"Provider Selection Combobox from Clerk",[99],{"id":11,"title":12,"slug":48},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"clerk","Clerk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","Authentication and User Management",[106,110],{"id":107,"title":108,"slug":109},48,"Developer Tools","developer-tools",{"id":111,"title":112,"slug":113},78,"Security","security",{"uuid":115,"title":116,"description":117,"canonical_path":118,"image":119,"width":120,"height":121,"image_alt":122,"kind":45,"categories":123,"app":125},"79a9ab2d-c21e-4e1e-bdf0-b51fd4636a0d","Height UI component","This is a modal with a list of attributes and options.","\u002Fexamples\u002Fapps\u002Fheight\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffffe5688-88ad-489b-a28c-3db308922f62.png",690,931,"UI component from Height",[124],{"id":11,"title":12,"slug":48},{"slug":126,"title":127,"logo":128,"baseline":129,"categories":130},"height","Height","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheight-29b426a4.png","Manage projects across engineering, product, design, and other teams",[131,135,139],{"id":132,"title":133,"slug":134},86,"Product management","product-management",{"id":136,"title":137,"slug":138},29,"Task Management","task-management",{"id":140,"title":141,"slug":142},30,"Productivity","productivity",[],[145,148,151,154,157,160,163,166],{"label":146,"to":147},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":149,"to":150},"AI Chat","\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":152,"to":153},"Automation","\u002Fexamples\u002Fscreens\u002Fautomation",{"label":155,"to":156},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":158,"to":159},"Freckle design examples","\u002Fexamples\u002Fapps\u002Ffreckle",{"label":161,"to":162},"Chronicle design examples","\u002Fexamples\u002Fapps\u002Fchronicle",{"label":164,"to":165},"Clerk design examples","\u002Fexamples\u002Fapps\u002Fclerk",{"label":167,"to":168},"Height design examples","\u002Fexamples\u002Fapps\u002Fheight",{"published_at":170,"updated_at":171},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]