[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Ftag":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":329,"links":330,"dates":379},"\u002Fexamples\u002Fcomponents\u002Ftag","collection","components",true,{"example_count":9,"app_count":10},45,33,{"id":12,"title":13,"description":14},245,"Tag","See how interfaces label content with compact categories or attributes. Explore how tag text, color, and placement relate to the item and any available filtering action.",{"title":16,"description":17,"og_image":18},"Tag UI examples - Nicelydone","Tag UI design examples from SaaS apps. See how interfaces label content with compact categories or attributes. Explore how tag text, color, and placement…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb666e254-feff-4585-83cd-4191a66c3849.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Tag UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Tag UI design examples from SaaS apps. See how interfaces label content with compact categories or attributes. Explore how tag text, color, and placement relate to the item and any available…",[32],{"title":33,"description":14,"links":34},"About Tag",[],[36],"45 UI components",[38,64,86,104,130,159,180,205,228,257,279,310],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"f7284319-e330-4f6e-bafa-f249a797f370","Delphi UI component","The user is presented with a list of topics to select from.","\u002Fexamples\u002Fapps\u002Fdelphi\u002Fcomponents",1763,736,"UI component from Delphi","component",[48],{"id":12,"title":13,"slug":49},"tag",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"delphi","Delphi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdelphi-4341n6b6.png","Your Mind. Now on Demand",[56,60],{"id":57,"title":58,"slug":59},80,"Artificial Intelligence","artificial-intelligence",{"id":61,"title":62,"slug":63},22,"Knowledge Management","knowledge-management",{"uuid":65,"title":66,"description":67,"canonical_path":68,"image":69,"width":70,"height":71,"image_alt":72,"kind":46,"categories":73,"app":75},"49d3a607-5ffb-4627-87ff-f5358982e054","Claude UI component","A simple announcement banner with a link.","\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F798d0c87-c59f-4f56-b8fc-7a4429e7c4f4.png",1438,354,"UI component from Claude",[74],{"id":12,"title":13,"slug":49},{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"claude","Claude","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[81,82],{"id":57,"title":58,"slug":59},{"id":83,"title":84,"slug":85},30,"Productivity","productivity",{"uuid":87,"title":88,"description":89,"canonical_path":90,"image":91,"width":92,"height":93,"image_alt":94,"kind":46,"categories":95,"app":97},"db923804-4dac-4408-b895-cd8e6819eb87","Elicit UI component","A set of links and information related to a publication.","\u002Fexamples\u002Fapps\u002Felicit\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9018b7cb-08c7-4a25-a41e-ba3571674a44.png",763,169,"UI component from Elicit",[96],{"id":12,"title":13,"slug":49},{"slug":98,"title":99,"logo":100,"baseline":101,"categories":102},"elicit","Elicit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Felicit-7b60b160.png","Analyze research papers at superhuman speed",[103],{"id":57,"title":58,"slug":59},{"uuid":105,"title":106,"description":107,"canonical_path":108,"image":109,"width":110,"height":111,"image_alt":112,"kind":46,"categories":113,"app":115},"c7fc0d25-947d-4eb1-a44e-f98ce3a702a3","Date tag","A removable tag displaying a selected date, in this case 'Tomorrow', with an associated icon and a close button to clear the selection.","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc069368a-19f5-40f6-9437-fbc993216bf1.png",357,184,"Date tag from Todoist",[114],{"id":12,"title":13,"slug":49},{"slug":116,"title":117,"logo":118,"baseline":119,"categories":120},"todoist","Todoist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","The to do list to organize work & life",[121,125,126],{"id":122,"title":123,"slug":124},29,"Task Management","task-management",{"id":83,"title":84,"slug":85},{"id":127,"title":128,"slug":129},23,"Collaboration","collaboration",{"uuid":131,"title":132,"description":133,"canonical_path":134,"image":135,"width":136,"height":137,"image_alt":138,"kind":46,"categories":139,"app":141},"a40e5179-35b1-4903-befd-07ebf68848aa","Hiring announcement banner","A pill-shaped banner announcing open roles, featuring a brief message and a right-pointing arrow to indicate a link.","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5eae5f34-a7a2-49df-bd58-899bc028241f.png",1178,322,"Hiring announcement banner from Hookdeck",[140],{"id":12,"title":13,"slug":49},{"slug":142,"title":143,"logo":144,"baseline":145,"categories":146},"hookdeck","Hookdeck","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhookdeck-314d3191.png","A reliable event gateway for asynchronous applications",[147,151,155],{"id":148,"title":149,"slug":150},37,"Developer APIs","developer-apis",{"id":152,"title":153,"slug":154},16,"Monitoring","monitoring",{"id":156,"title":157,"slug":158},48,"Developer Tools","developer-tools",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":165,"height":166,"image_alt":167,"kind":46,"categories":168,"app":170},"6911d2e9-b7df-47d8-8742-4ca1496701d9","Wiza UI component","A horizontal navigation bar with rounded buttons.","\u002Fexamples\u002Fapps\u002Fwiza\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc869bbba-a0a2-41d1-83b8-087b45a2af8d.png",1361,320,"UI component from Wiza",[169],{"id":12,"title":13,"slug":49},{"slug":171,"title":172,"logo":173,"baseline":174,"categories":175},"wiza","Wiza","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwiza-21efd5aa.png","Wiza makes prospecting magical",[176],{"id":177,"title":178,"slug":179},53,"CRM","crm",{"uuid":181,"title":182,"description":183,"canonical_path":184,"image":185,"width":186,"height":187,"image_alt":188,"kind":46,"categories":189,"app":191},"c0a5ed25-edd7-4990-99c1-952591400ca6","Refrakt UI component","A list of popular tags","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20492b0f-a5cb-4359-8d45-3886a452d23d.png",1733,499,"UI component from Refrakt",[190],{"id":12,"title":13,"slug":49},{"slug":192,"title":193,"logo":194,"baseline":195,"categories":196},"refrakt","Refrakt","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frefrakt-4bd9bf02.png","A more meaningful home for photography",[197,201],{"id":198,"title":199,"slug":200},49,"Social Network","social-network",{"id":202,"title":203,"slug":204},31,"Photography","photography",{"uuid":206,"title":207,"description":208,"canonical_path":209,"image":210,"width":211,"height":212,"image_alt":213,"kind":46,"categories":214,"app":216},"fbcac73c-f6fd-4e28-a19e-74d7d88aad2a","Figma UI component","A single button with the word 'design' on it.","\u002Fexamples\u002Fapps\u002Ffigma\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F94473994-0d93-4ef9-b985-ebb2d0e46b44.png",262,196,"UI component from Figma",[215],{"id":12,"title":13,"slug":49},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"figma","Figma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffigma-569108c3.png","The collaborative interface design tool",[222,226,227],{"id":223,"title":224,"slug":225},8,"Design","design",{"id":127,"title":128,"slug":129},{"id":156,"title":157,"slug":158},{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":234,"height":235,"image_alt":236,"kind":46,"categories":237,"app":239},"ac2bb39b-9c70-41b9-b38e-626a732d12b3","Gusto UI component","A button with a label and an icon","\u002Fexamples\u002Fapps\u002Fgusto\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F21762d0d-513e-4cff-badb-45f685b0d159.png",284,176,"UI component from Gusto",[238],{"id":12,"title":13,"slug":49},{"slug":240,"title":241,"logo":242,"baseline":243,"categories":244},"gusto","Gusto","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgusto-5e46599d.png","The all-in-one people platform for Payroll, Benefits, HR",[245,249,253],{"id":246,"title":247,"slug":248},10,"Human resources","human-resources",{"id":250,"title":251,"slug":252},56,"Accounting","accounting",{"id":254,"title":255,"slug":256},64,"Recruiting","recruiting",{"uuid":258,"title":259,"description":260,"canonical_path":261,"image":262,"width":263,"height":235,"image_alt":264,"kind":46,"categories":265,"app":267},"7f64c831-23b8-4cc5-9716-133222545cdc","Fibery UI component","A set of filter buttons","\u002Fexamples\u002Fapps\u002Ffibery\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8f3092c6-f93e-4bca-bfbe-480bb8e2f998.png",586,"UI component from Fibery",[266],{"id":12,"title":13,"slug":49},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"fibery","Fibery","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffibery-eb0f19ed.png","Build your own work & knowledge hub",[273,274,278],{"id":61,"title":62,"slug":63},{"id":275,"title":276,"slug":277},86,"Product management","product-management",{"id":127,"title":128,"slug":129},{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":285,"height":286,"image_alt":287,"kind":46,"categories":288,"app":290},"136c8158-bc3e-418e-8ee0-759277663cce","Webflow UI component","A modal with two buttons showing plural and singular versions of a text","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe1726a24-85ac-4c9a-92fe-eb4e07625ef6.png",768,172,"UI component from Webflow",[289],{"id":12,"title":13,"slug":49},{"slug":291,"title":292,"logo":293,"baseline":294,"categories":295},"webflow","Webflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwebflow-d8c55605.png","Responsive web design tool, CMS, and hosting platform",[296,300,304,308,309],{"id":297,"title":298,"slug":299},96,"No code","no-code",{"id":301,"title":302,"slug":303},6,"Publishing","publishing",{"id":305,"title":306,"slug":307},7,"Web Development","web-development",{"id":223,"title":224,"slug":225},{"id":127,"title":128,"slug":129},{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":316,"height":212,"image_alt":317,"kind":46,"categories":318,"app":320},"cb886bd2-5565-4c81-816d-d5b674b6614b","Plane UI component","A button with a link to Github","\u002Fexamples\u002Fapps\u002Fplane\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F421459a5-8570-414d-b4f7-56e979195e54.png",774,"UI component from Plane",[319],{"id":12,"title":13,"slug":49},{"slug":321,"title":322,"logo":323,"baseline":324,"categories":325},"plane","Plane","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplane-2z3nu5f0.png","Project management tool from the future.",[326,327,328],{"id":275,"title":276,"slug":277},{"id":61,"title":62,"slug":63},{"id":122,"title":123,"slug":124},[],[331,334,337,340,343,346,349,352,355,358,361,364,367,370,373,376],{"label":332,"to":333},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":335,"to":336},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":338,"to":339},"Browse","\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":341,"to":342},"Onboarding Checklist","\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":344,"to":345},"Delphi design examples","\u002Fexamples\u002Fapps\u002Fdelphi",{"label":347,"to":348},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"label":350,"to":351},"Elicit design examples","\u002Fexamples\u002Fapps\u002Felicit",{"label":353,"to":354},"Todoist design examples","\u002Fexamples\u002Fapps\u002Ftodoist",{"label":356,"to":357},"Hookdeck design examples","\u002Fexamples\u002Fapps\u002Fhookdeck",{"label":359,"to":360},"Wiza design examples","\u002Fexamples\u002Fapps\u002Fwiza",{"label":362,"to":363},"Refrakt design examples","\u002Fexamples\u002Fapps\u002Frefrakt",{"label":365,"to":366},"Figma design examples","\u002Fexamples\u002Fapps\u002Ffigma",{"label":368,"to":369},"Gusto design examples","\u002Fexamples\u002Fapps\u002Fgusto",{"label":371,"to":372},"Fibery design examples","\u002Fexamples\u002Fapps\u002Ffibery",{"label":374,"to":375},"Webflow design examples","\u002Fexamples\u002Fapps\u002Fwebflow",{"label":377,"to":378},"Plane design examples","\u002Fexamples\u002Fapps\u002Fplane",{"published_at":380,"updated_at":381},"2022-08-22T09:53:26.000Z","2026-09-20T12:15:04.000Z"]