[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-tag":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":348,"links":349,"dates":398},"\u002Fexamples\u002Fcomponents\u002Finput-tag","collection","components",true,{"example_count":9,"app_count":10},89,62,{"id":12,"title":13,"description":14},252,"Input tag","See how interfaces let people enter or choose several short labels. Explore how tags, text entry, and removal controls share the space inside the input.",{"title":16,"description":17,"og_image":18},"Input tag UI examples - Nicelydone","Input tag UI design examples from SaaS apps. See how interfaces let people enter or choose several short labels. Explore how tags, text entry, and removal…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F077ffec0-b867-4965-a003-63050c034fdd.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 tag UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Input tag UI design examples from SaaS apps. See how interfaces let people enter or choose several short labels. Explore how tags, text entry, and removal controls share the space inside the input.",[32],{"title":33,"description":14,"links":34},"About Input tag",[],[36],"89 UI components",[38,72,102,131,157,185,215,241,260,285,303,326],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"b57804fe-2ccb-4ced-8c30-fcb06758f3cd","Steel UI component","A modal dialog for inviting new members and assigning their roles within an application.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fcomponents",1001,678,"UI component from Steel","component",[48],{"id":12,"title":13,"slug":49},"input-tag",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[56,60,64,68],{"id":57,"title":58,"slug":59},48,"Developer Tools","developer-tools",{"id":61,"title":62,"slug":63},80,"Artificial Intelligence","artificial-intelligence",{"id":65,"title":66,"slug":67},37,"Developer APIs","developer-apis",{"id":69,"title":70,"slug":71},45,"Open Source","open-source",{"uuid":73,"title":74,"description":75,"canonical_path":76,"image":77,"width":78,"height":79,"image_alt":80,"kind":46,"categories":81,"app":83},"2daacd8c-4fdd-4dda-b3af-af64ca88f574","Bloom UI component","An input field for variations with existing tags","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feaf82a0e-37c2-4a4d-b523-8333c8152e6b.png",1286,374,"UI component from Bloom",[82],{"id":12,"title":13,"slug":49},{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[89,90,94,98],{"id":61,"title":62,"slug":63},{"id":91,"title":92,"slug":93},3,"Shopping","shopping",{"id":95,"title":96,"slug":97},7,"Web Development","web-development",{"id":99,"title":100,"slug":101},96,"No code","no-code",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":108,"height":109,"image_alt":110,"kind":46,"categories":111,"app":113},"d95154a7-01ea-4b8d-beae-735f8d456873","Mailchimp UI component","A user interface component for searching, creating, and managing tags with an input field, a selected tag, and example suggestions.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86921011-f882-4a49-9aae-3a0741176eae.png",1838,487,"UI component from Mailchimp",[112],{"id":12,"title":13,"slug":49},{"slug":114,"title":115,"logo":116,"baseline":117,"categories":118},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[119,123,127],{"id":120,"title":121,"slug":122},25,"Marketing","marketing",{"id":124,"title":125,"slug":126},27,"Email Newsletters","email-newsletters",{"id":128,"title":129,"slug":130},68,"SMS","sms",{"uuid":132,"title":133,"description":134,"canonical_path":135,"image":136,"width":137,"height":138,"image_alt":139,"kind":46,"categories":140,"app":142},"50e1d6cf-f5a9-4b4e-b7c7-1ab157bef592","Chatwoot UI component","An interface for selecting agents with a search input, a selected chip, and a 'no results found' message.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed49b638-12bf-4044-8051-0959d29513b8.png",2003,499,"UI component from Chatwoot",[141],{"id":12,"title":13,"slug":49},{"slug":143,"title":144,"logo":145,"baseline":146,"categories":147},"chatwoot","Chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[148,152,153],{"id":149,"title":150,"slug":151},22,"Knowledge Management","knowledge-management",{"id":69,"title":70,"slug":71},{"id":154,"title":155,"slug":156},47,"Customer Service","customer-service",{"uuid":158,"title":159,"description":160,"canonical_path":161,"image":162,"width":163,"height":164,"image_alt":165,"kind":46,"categories":166,"app":168},"879ad6a1-7743-4cef-9edf-eec80bcd2afa","Bird UI component","A user interface for tag input with autocomplete suggestions and selection.","\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb9ce30c4-d068-4933-a32f-c31993fd6e31.png",1250,375,"UI component from Bird",[167],{"id":12,"title":13,"slug":49},{"slug":169,"title":170,"logo":171,"baseline":172,"categories":173},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[174,175,176,180,181],{"id":120,"title":121,"slug":122},{"id":65,"title":66,"slug":67},{"id":177,"title":178,"slug":179},53,"CRM","crm",{"id":128,"title":129,"slug":130},{"id":182,"title":183,"slug":184},92,"Email","email",{"uuid":186,"title":187,"description":188,"canonical_path":189,"image":190,"width":191,"height":192,"image_alt":193,"kind":46,"categories":194,"app":196},"485a425d-ed35-4a81-a804-e6f1ba3c27ff","Dovetail UI component","A modal for sharing content or inviting users to a channel, featuring an email input with auto-suggestions and a link copy option.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05b46894-6c07-4e4f-81a2-094613f3a928.png",1538,918,"UI component from Dovetail",[195],{"id":12,"title":13,"slug":49},{"slug":197,"title":198,"logo":199,"baseline":200,"categories":201},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[202,206,207,211],{"id":203,"title":204,"slug":205},8,"Design","design",{"id":149,"title":150,"slug":151},{"id":208,"title":209,"slug":210},35,"Feedback","feedback",{"id":212,"title":213,"slug":214},104,"User Research","user-research",{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":221,"height":222,"image_alt":223,"kind":46,"categories":224,"app":226},"65743b82-b9b8-41e1-afb1-680bbed1b39e","Kinescope UI component","An interface for inviting guests with an email input, role selection, and invite button.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd048deb1-6a95-458b-8205-8869865b84be.png",1408,412,"UI component from Kinescope",[225],{"id":12,"title":13,"slug":49},{"slug":227,"title":228,"logo":229,"baseline":230,"categories":231},"kinescope","Kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[232,233,237],{"id":65,"title":66,"slug":67},{"id":234,"title":235,"slug":236},70,"Video streaming","video-streaming",{"id":238,"title":239,"slug":240},100,"Video","video",{"uuid":242,"title":243,"description":244,"canonical_path":245,"image":246,"width":247,"height":248,"image_alt":249,"kind":46,"categories":250,"app":252},"924ac0ad-a9bd-4c09-b0d3-0b9684723ea2","Optimal UI component","The screenshot shows a UI element for selecting devices, with options for desktop\u002Flaptop, phone, and tablet already selected.","\u002Fexamples\u002Fapps\u002Foptimal\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4aee726-cc90-48cf-ac55-1b46c9ec1b94.png",1718,404,"UI component from Optimal",[251],{"id":12,"title":13,"slug":49},{"slug":253,"title":254,"logo":255,"baseline":256,"categories":257},"optimal","Optimal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2c9101f5-68a3-436e-aa6b-75f25822a183.png","UX Research & Design Testing Platform",[258,259],{"id":203,"title":204,"slug":205},{"id":212,"title":213,"slug":214},{"uuid":261,"title":262,"description":263,"canonical_path":264,"image":265,"width":266,"height":267,"image_alt":268,"kind":46,"categories":269,"app":271},"956e4fe7-c288-4d31-a04d-b6abf7734d62","Cake UI component","A modal asking what the user would like to do","\u002Fexamples\u002Fapps\u002Fcake\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe325575b-ee50-4914-a664-8db47c92fb30.png",953,703,"UI component from Cake",[270],{"id":12,"title":13,"slug":49},{"slug":272,"title":273,"logo":274,"baseline":275,"categories":276},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[277,281],{"id":278,"title":279,"slug":280},36,"Finance","finance",{"id":282,"title":283,"slug":284},63,"Startups","startups",{"uuid":286,"title":287,"description":288,"canonical_path":289,"image":290,"width":291,"height":292,"image_alt":293,"kind":46,"categories":294,"app":296},"84ec95e1-9ff0-4eba-91fc-f873fe237cb6","Clay UI component","A form field for entering email addresses to invite.","\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce89f342-02c5-48bb-bf85-95942504b70a.png",928,272,"UI component from Clay",[295],{"id":12,"title":13,"slug":49},{"slug":297,"title":298,"logo":299,"baseline":300,"categories":301},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[302],{"id":177,"title":178,"slug":179},{"uuid":304,"title":305,"description":306,"canonical_path":307,"image":308,"width":309,"height":310,"image_alt":311,"kind":46,"categories":312,"app":314},"b3c902c0-098a-4cb2-a67b-e1cd566463a6","Jasper UI component","A tag selection component.","\u002Fexamples\u002Fapps\u002Fjasper\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92fae00b-729e-4b79-93a5-455360431404.png",1000,295,"UI component from Jasper",[313],{"id":12,"title":13,"slug":49},{"slug":315,"title":316,"logo":317,"baseline":318,"categories":319},"jasper","Jasper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjasper-9e3545c6.png","AI Copywriter",[320,321,322],{"id":61,"title":62,"slug":63},{"id":120,"title":121,"slug":122},{"id":323,"title":324,"slug":325},59,"Writing tools","writing-tools",{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":331,"width":332,"height":333,"image_alt":334,"kind":46,"categories":335,"app":337},"f1128ac0-b51b-4c3b-9600-7d3fe0516762","Midday UI component","The screenshot shows a tag management interface.","\u002Fexamples\u002Fapps\u002Fmidday\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40b8d330-868e-4de5-8315-a4a6f5b8280a.png",1004,339,"UI component from Midday",[336],{"id":12,"title":13,"slug":49},{"slug":338,"title":339,"logo":340,"baseline":341,"categories":342},"midday","Midday","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidday-j5yflnvf.png","Run your business",[343,344],{"id":278,"title":279,"slug":280},{"id":345,"title":346,"slug":347},56,"Accounting","accounting",[],[350,353,356,359,362,365,368,371,374,377,380,383,386,389,392,395],{"label":351,"to":352},"Team Management","\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":354,"to":355},"Invite Teammates","\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":357,"to":358},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":360,"to":361},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":363,"to":364},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":366,"to":367},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":369,"to":370},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":372,"to":373},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":375,"to":376},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":378,"to":379},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":381,"to":382},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":384,"to":385},"Optimal design examples","\u002Fexamples\u002Fapps\u002Foptimal",{"label":387,"to":388},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"label":390,"to":391},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"label":393,"to":394},"Jasper design examples","\u002Fexamples\u002Fapps\u002Fjasper",{"label":396,"to":397},"Midday design examples","\u002Fexamples\u002Fapps\u002Fmidday",{"published_at":399,"updated_at":400},"2022-08-22T21:18:55.000Z","2026-09-17T10:44:16.000Z"]