[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-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":338,"links":339,"dates":388},"\u002Fexamples\u002Fcomponents\u002Finput-select","collection","components",true,{"example_count":9,"app_count":10},162,117,{"id":12,"title":13,"description":14},204,"Input select","Explore how forms present a single choice from a set of options. Look at field labels, option text, and selected values within select inputs.",{"title":16,"description":17,"og_image":18},"Input select UI examples - Nicelydone","Input select UI design examples from SaaS apps. Explore how forms present a single choice from a set of options. Look at field labels, option text, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4cdd7e4b-ceaa-4506-a3bd-1512af97d299.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 select UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Input select UI design examples from SaaS apps. Explore how forms present a single choice from a set of options. Look at field labels, option text, and selected values within select inputs.",[32],{"title":33,"description":14,"links":34},"About Input select",[],[36],"162 UI components",[38,68,89,119,148,170,197,219,237,257,274,307],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"36f4bb27-5494-469b-983f-847cf35141a9","Origin Financial UI component","A modal interface for selecting a category from a list, featuring a search bar and action buttons.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents",872,1233,"UI component from Origin Financial","component",[48],{"id":12,"title":13,"slug":49},"input-select",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[56,60,64],{"id":57,"title":58,"slug":59},36,"Finance","finance",{"id":61,"title":62,"slug":63},56,"Accounting","accounting",{"id":65,"title":66,"slug":67},80,"Artificial Intelligence","artificial-intelligence",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"043ab51e-74dc-4574-b06d-76f54d19b0a6","Visitors UI component","A user interface displaying currency selection options within a settings panel, featuring a dropdown menu with country flags and currency codes.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c6ddeb4-0557-446e-b74b-11dccee28373.png",1084,885,"UI component from Visitors",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[85],{"id":86,"title":87,"slug":88},46,"Analytics","analytics",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":46,"categories":98,"app":100},"3b3642c5-7d29-4f36-a17e-44f2e352e7a7","Bloom UI component","A dropdown menu displaying status options with \"Published\" currently selected and checked.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd473fd63-148a-44a9-834c-1cd36e44a976.png",1324,700,"UI component from Bloom",[99],{"id":12,"title":13,"slug":49},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[106,107,111,115],{"id":65,"title":66,"slug":67},{"id":108,"title":109,"slug":110},3,"Shopping","shopping",{"id":112,"title":113,"slug":114},7,"Web Development","web-development",{"id":116,"title":117,"slug":118},96,"No code","no-code",{"uuid":120,"title":121,"description":122,"canonical_path":123,"image":124,"width":125,"height":126,"image_alt":127,"kind":46,"categories":128,"app":130},"04fc9c72-a3e7-4676-95e6-49dc37f22c31","Appwrite UI component","A configuration form with an input field for a name and a dropdown for selecting an expiration date.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4634b700-aeee-497f-9360-d572e5f5e8ce.png",1670,833,"UI component from Appwrite",[129],{"id":12,"title":13,"slug":49},{"slug":131,"title":132,"logo":133,"baseline":134,"categories":135},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[136,140,144],{"id":137,"title":138,"slug":139},48,"Developer Tools","developer-tools",{"id":141,"title":142,"slug":143},37,"Developer APIs","developer-apis",{"id":145,"title":146,"slug":147},45,"Open Source","open-source",{"uuid":149,"title":150,"canonical_path":151,"image":152,"width":153,"height":154,"image_alt":155,"kind":46,"categories":156,"app":158},"48cdea33-9274-4e93-90a8-0b3c2dcb2e67","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0083e819-c681-4bbc-b902-035ba633acf1.png",776,984,"UI component from Voiceflow",[157],{"id":12,"title":13,"slug":49},{"slug":159,"title":160,"logo":161,"baseline":162,"categories":163},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[164,165,169],{"id":65,"title":66,"slug":67},{"id":166,"title":167,"slug":168},47,"Customer Service","customer-service",{"id":116,"title":117,"slug":118},{"uuid":171,"title":172,"description":173,"canonical_path":174,"image":175,"width":176,"height":177,"image_alt":178,"kind":46,"categories":179,"app":181},"3aafc8d3-2213-40e0-bdc7-c8cfd540e54f","Scope dropdown","Lets user configure which incoming texts trigger AI replies","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6cec78d5-f299-43cf-834a-ed19cb6a7031.png",1702,681,"Scope dropdown from Beside",[180],{"id":12,"title":13,"slug":49},{"slug":182,"title":183,"logo":184,"baseline":185,"categories":186},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[187,188,189,193],{"id":65,"title":66,"slug":67},{"id":166,"title":167,"slug":168},{"id":190,"title":191,"slug":192},53,"CRM","crm",{"id":194,"title":195,"slug":196},82,"Communication","communication",{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"kind":46,"categories":206,"app":208},"b8b19481-c809-4bf8-a5db-e7bdf2ecdcb5","Age dropdown","Lets the user pick an age category for the AI avatar","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8fffd346-a4e3-4fc2-9134-0e020c598509.png",736,651,"Age dropdown from HeyGen",[207],{"id":12,"title":13,"slug":49},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[214,218],{"id":215,"title":216,"slug":217},100,"Video","video",{"id":65,"title":66,"slug":67},{"uuid":220,"title":221,"description":222,"canonical_path":223,"image":224,"width":225,"height":226,"image_alt":227,"kind":46,"categories":228,"app":230},"fce9c225-dd2f-463a-b51a-e55ea6693828","Category Combobox Menu","Dropdown menu displaying searchable category options for transaction creation","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5f85c3e9-4701-4290-b913-877c89db8e81.png",926,615,"Category Combobox Menu from Copilot",[229],{"id":12,"title":13,"slug":49},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[236],{"id":57,"title":58,"slug":59},{"uuid":238,"title":239,"description":240,"canonical_path":241,"image":242,"width":243,"height":244,"image_alt":245,"kind":46,"categories":246,"app":248},"ba0e04a7-f4bf-46a1-bc0d-77266c58f33c","Lovable UI component","A dropdown menu displaying workspace visibility options with a selected choice and a restricted option for business users.","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1ff24f4-49f7-47b5-9f2b-4e707383cd79.png",767,550,"UI component from Lovable",[247],{"id":12,"title":13,"slug":49},{"slug":249,"title":250,"logo":251,"baseline":252,"categories":253},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[254,255,256],{"id":65,"title":66,"slug":67},{"id":112,"title":113,"slug":114},{"id":116,"title":117,"slug":118},{"uuid":258,"title":259,"description":260,"canonical_path":261,"image":262,"width":243,"height":263,"image_alt":264,"kind":46,"categories":265,"app":267},"5c503a8e-040f-438c-a004-585ed9c9acf4","Poolside UI component","A dropdown menu for filtering and selecting models with associated descriptions and status indicators.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae2e1aff-1e9b-4d38-b223-7db02d455048.png",512,"UI component from Poolside",[266],{"id":12,"title":13,"slug":49},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[273],{"id":65,"title":66,"slug":67},{"uuid":275,"title":276,"description":277,"canonical_path":278,"image":279,"width":280,"height":281,"image_alt":282,"kind":46,"categories":283,"app":285},"606d11b5-9f5e-4fc8-b6f9-5d23dc537bc0","Linear UI component","A dropdown menu displaying options for selection, with one option currently selected.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd99ebe08-7c2b-40d4-bbc1-b7564b9300d9.png",365,310,"UI component from Linear",[284],{"id":12,"title":13,"slug":49},{"slug":286,"title":287,"logo":288,"baseline":289,"categories":290},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[291,295,299,303],{"id":292,"title":293,"slug":294},29,"Task Management","task-management",{"id":296,"title":297,"slug":298},30,"Productivity","productivity",{"id":300,"title":301,"slug":302},23,"Collaboration","collaboration",{"id":304,"title":305,"slug":306},86,"Product management","product-management",{"uuid":308,"title":309,"description":310,"canonical_path":311,"image":312,"width":313,"height":314,"image_alt":315,"kind":46,"categories":316,"app":318},"acbbc8ae-fa47-4f5e-a51e-ff4ef32c9c88","Bird UI component","A dropdown menu displaying a list of size ranges for selection.","\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb6d99b4-2298-4146-971f-7632dbf9f43b.png",974,701,"UI component from Bird",[317],{"id":12,"title":13,"slug":49},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[324,328,329,330,334],{"id":325,"title":326,"slug":327},25,"Marketing","marketing",{"id":141,"title":142,"slug":143},{"id":190,"title":191,"slug":192},{"id":331,"title":332,"slug":333},68,"SMS","sms",{"id":335,"title":336,"slug":337},92,"Email","email",[],[340,343,346,349,352,355,358,361,364,367,370,373,376,379,382,385],{"label":341,"to":342},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":344,"to":345},"AI Chat","\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":347,"to":348},"AI Settings","\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":350,"to":351},"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":353,"to":354},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":356,"to":357},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":359,"to":360},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":362,"to":363},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":365,"to":366},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":368,"to":369},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":371,"to":372},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":374,"to":375},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":377,"to":378},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":380,"to":381},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":383,"to":384},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":386,"to":387},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"published_at":389,"updated_at":390},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]