[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-multi-select":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":346,"links":347,"dates":396},"\u002Fexamples\u002Fcomponents\u002Finput-multi-select","collection","components",true,{"example_count":9,"app_count":10},33,27,{"id":12,"title":13,"description":14},195,"Input multi-select","Explore how forms let people choose several values from a set. Look at how available options and selected items remain visible within a multi-select control.",{"title":16,"description":17,"og_image":18},"Input multi-select UI examples - Nicelydone","Input multi-select UI design examples from SaaS apps. Explore how forms let people choose several values from a set. Look at how available options and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffca66a2f-3640-40fc-98b4-8ae17c3009fa.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 multi-select UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Input multi-select UI design examples from SaaS apps. Explore how forms let people choose several values from a set. Look at how available options and selected items remain visible within a multi-select control.",[32],{"title":33,"description":14,"links":34},"About Input multi-select",[],[36],"33 UI components",[38,64,92,122,148,178,199,225,247,281,300,323],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"f21e8e22-3937-4efb-9427-1969b6b437d4","Elevenlabs UI component","A dropdown menu for selecting voice accents with a search bar and a list of options.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents",529,864,"UI component from Elevenlabs","component",[48],{"id":12,"title":13,"slug":49},"input-multi-select",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[56,60],{"id":57,"title":58,"slug":59},80,"Artificial Intelligence","artificial-intelligence",{"id":61,"title":62,"slug":63},37,"Developer APIs","developer-apis",{"uuid":65,"title":66,"description":67,"canonical_path":68,"image":69,"width":70,"height":71,"image_alt":72,"kind":46,"categories":73,"app":75},"b8a0d690-0973-4aa2-bead-53d42a1b096f","Mailchimp UI component","A user interface for searching and selecting tags from a dropdown list.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd556b300-2101-4440-80d3-55fc59e1038e.png",1864,565,"UI component from Mailchimp",[74],{"id":12,"title":13,"slug":49},{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[81,85,88],{"id":82,"title":83,"slug":84},25,"Marketing","marketing",{"id":10,"title":86,"slug":87},"Email Newsletters","email-newsletters",{"id":89,"title":90,"slug":91},68,"SMS","sms",{"uuid":93,"title":94,"description":95,"canonical_path":96,"image":97,"width":98,"height":99,"image_alt":100,"kind":46,"categories":101,"app":103},"38056231-d76c-45b5-b2cb-d2b2ad82f0c8","Llamaindex UI component","A dropdown menu displaying a list of products with selection options and status indicators.","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5bf0d2c-6e58-4216-b07c-a5f0266c00ec.png",588,930,"UI component from Llamaindex",[102],{"id":12,"title":13,"slug":49},{"slug":104,"title":105,"logo":106,"baseline":107,"categories":108},"llamaindex","Llamaindex","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e225662-6b6d-476d-a9ed-68b03c620ee1.png",null,[109,113,117,118],{"id":110,"title":111,"slug":112},45,"Open Source","open-source",{"id":114,"title":115,"slug":116},48,"Developer Tools","developer-tools",{"id":57,"title":58,"slug":59},{"id":119,"title":120,"slug":121},105,"Workflow Automation","workflow-automation",{"uuid":123,"title":124,"description":125,"canonical_path":126,"image":127,"width":128,"height":129,"image_alt":130,"kind":46,"categories":131,"app":133},"4756cc63-e502-471f-858d-a5f0cea2e334","Super UI component","A filter interface allowing users to select sources and apply filters for content digestion.","\u002Fexamples\u002Fapps\u002Fsuper-work\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84f368cb-aae6-4569-b561-fba147f00eab.png",743,780,"UI component from Super",[132],{"id":12,"title":13,"slug":49},{"slug":134,"title":135,"logo":136,"baseline":137,"categories":138},"super-work","Super","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F18c1a329-f193-4400-81ba-b36a605c9c39.png","AI search and agents, across all your company tools",[139,143,147],{"id":140,"title":141,"slug":142},22,"Knowledge Management","knowledge-management",{"id":144,"title":145,"slug":146},55,"Search engine","search-engine",{"id":57,"title":58,"slug":59},{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":154,"height":155,"image_alt":156,"kind":46,"categories":157,"app":159},"17ecd213-39f2-4097-a3da-c1be47399402","Dovetail UI component","A modal dialog for selecting and filtering channels with toggle switches.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcffaac70-aa9a-4bff-9c1d-128f66bf965a.png",1190,739,"UI component from Dovetail",[158],{"id":12,"title":13,"slug":49},{"slug":160,"title":161,"logo":162,"baseline":163,"categories":164},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[165,169,170,174],{"id":166,"title":167,"slug":168},8,"Design","design",{"id":140,"title":141,"slug":142},{"id":171,"title":172,"slug":173},35,"Feedback","feedback",{"id":175,"title":176,"slug":177},104,"User Research","user-research",{"uuid":179,"title":180,"description":181,"canonical_path":182,"image":183,"width":184,"height":185,"image_alt":186,"kind":46,"categories":187,"app":189},"5af5d77d-6c81-4e4a-8811-a254feaaf079","Mixpanel UI component","A dropdown menu for project selection with checkboxes","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F738ef92b-fd92-47c5-8dbc-19a510684a76.png",559,410,"UI component from Mixpanel",[188],{"id":12,"title":13,"slug":49},{"slug":190,"title":191,"logo":192,"baseline":193,"categories":194},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[195],{"id":196,"title":197,"slug":198},46,"Analytics","analytics",{"uuid":200,"title":201,"description":202,"canonical_path":203,"image":204,"width":205,"height":206,"image_alt":207,"kind":46,"categories":208,"app":210},"9748919a-e88f-4134-af7f-0b5581a31398","Universe UI component","A dropdown menu for selecting content purpose with checkboxes.","\u002Fexamples\u002Fapps\u002Funiverse\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F993f4e8c-8935-42ab-8110-d8438154dc48.png",527,1181,"UI component from Universe",[209],{"id":12,"title":13,"slug":49},{"slug":211,"title":212,"logo":213,"baseline":214,"categories":215},"universe","Universe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fa1f738aa-4481-4f65-b6d7-49d68fb8a925.png","Design Custom Sites with No Code",[216,220,221],{"id":217,"title":218,"slug":219},7,"Web Development","web-development",{"id":166,"title":167,"slug":168},{"id":222,"title":223,"slug":224},96,"No code","no-code",{"uuid":226,"title":227,"description":228,"canonical_path":229,"image":230,"width":231,"height":232,"image_alt":233,"kind":46,"categories":234,"app":236},"86142e01-b5ea-417a-a87f-fd4c01df1bae","Lightfield UI component","A selection list with multiple options, including a checked item and a hovered item, displayed within a card and a dropdown element.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F442f0967-2631-41a3-a8ed-9975cf467019.png",1262,1173,"UI component from Lightfield",[235],{"id":12,"title":13,"slug":49},{"slug":237,"title":238,"logo":239,"baseline":240,"categories":241},"lightfield","Lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[242,246],{"id":243,"title":244,"slug":245},53,"CRM","crm",{"id":57,"title":58,"slug":59},{"uuid":248,"title":249,"description":250,"canonical_path":251,"image":252,"width":253,"height":254,"image_alt":255,"kind":46,"categories":256,"app":258},"5d6f8eb9-3cf5-40e8-aea0-8a66ff2f66a6","Orchestra UI component","A popover menu for tag selection with a search bar and colored tag options.","\u002Fexamples\u002Fapps\u002Forchestra\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F119b0309-a396-48e6-a15c-bd841cd24bff.png",848,694,"UI component from Orchestra",[257],{"id":12,"title":13,"slug":49},{"slug":259,"title":260,"logo":261,"baseline":262,"categories":263},"orchestra","Orchestra","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2b0154cb-f399-4a7b-9a72-2b039e4ac541.png","A chat-centric workspace for modern teams",[264,268,272,273,277],{"id":265,"title":266,"slug":267},30,"Productivity","productivity",{"id":269,"title":270,"slug":271},23,"Collaboration","collaboration",{"id":140,"title":141,"slug":142},{"id":274,"title":275,"slug":276},29,"Task Management","task-management",{"id":278,"title":279,"slug":280},42,"Messaging","messaging",{"uuid":282,"title":283,"description":284,"canonical_path":285,"image":286,"width":287,"height":288,"image_alt":289,"kind":46,"categories":290,"app":292},"e21dbf4e-0acd-49ef-afc9-417b89a9f402","Attio UI component","The screenshot displays a modal for setting categories, featuring a search bar and a list of selectable tags.","\u002Fexamples\u002Fapps\u002Fattio\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F568217f3-4931-4b91-9e11-2aa8221c7ec9.png",1847,876,"UI component from Attio",[291],{"id":12,"title":13,"slug":49},{"slug":293,"title":294,"logo":295,"baseline":296,"categories":297},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[298,299],{"id":243,"title":244,"slug":245},{"id":57,"title":58,"slug":59},{"uuid":301,"title":302,"description":303,"canonical_path":304,"image":305,"width":306,"height":71,"image_alt":307,"kind":46,"categories":308,"app":310},"3170dade-164b-4d62-a1d5-8ea5b7696f27","Circleback UI component","The screenshot showcases a dropdown menu for filtering tags.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F24cbc9ca-37cf-4f0a-bdc8-5524ceb93a1e.png",496,"UI component from Circleback",[309],{"id":12,"title":13,"slug":49},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[316,317,321,322],{"id":265,"title":266,"slug":267},{"id":318,"title":319,"slug":320},82,"Communication","communication",{"id":140,"title":141,"slug":142},{"id":57,"title":58,"slug":59},{"uuid":324,"title":325,"description":326,"canonical_path":327,"image":328,"width":329,"height":330,"image_alt":331,"kind":46,"categories":332,"app":334},"53ffa573-0875-485a-8486-b1dd72fac595","Reflect UI component","The screenshot displays a modal for calendar selection.","\u002Fexamples\u002Fapps\u002Freflect\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b346ac3-7f0a-49c8-a9cd-850c670010b8.png",1382,608,"UI component from Reflect",[333],{"id":12,"title":13,"slug":49},{"slug":335,"title":336,"logo":337,"baseline":338,"categories":339},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[340,341,342],{"id":265,"title":266,"slug":267},{"id":140,"title":141,"slug":142},{"id":343,"title":344,"slug":345},59,"Writing tools","writing-tools",[],[348,351,354,357,360,363,366,369,372,375,378,381,384,387,390,393],{"label":349,"to":350},"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":352,"to":353},"Browse","\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":355,"to":356},"Search","\u002Fexamples\u002Fscreens\u002Fsearch",{"label":358,"to":359},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":361,"to":362},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":364,"to":365},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":367,"to":368},"Llamaindex design examples","\u002Fexamples\u002Fapps\u002Fllamaindex",{"label":370,"to":371},"Super design examples","\u002Fexamples\u002Fapps\u002Fsuper-work",{"label":373,"to":374},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":376,"to":377},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":379,"to":380},"Universe design examples","\u002Fexamples\u002Fapps\u002Funiverse",{"label":382,"to":383},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":385,"to":386},"Orchestra design examples","\u002Fexamples\u002Fapps\u002Forchestra",{"label":388,"to":389},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":391,"to":392},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":394,"to":395},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"published_at":397,"updated_at":398},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]