[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgather\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":188,"links":189,"dates":208},"\u002Fexamples\u002Fapps\u002Fgather\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gather UI components examples - Nicelydone","Browse Gather UI component design examples. Preview individual interface elements and explore related component categories. People + knowledge. All in one place","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2462321c-0fb5-4ebe-a052-9338e86fdffa.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Gather design examples","\u002Fexamples\u002Fapps\u002Fgather",{"label":23,"to":4},"Gather UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Gather","gather","People + knowledge. All in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1eb4004c-e6ed-4f6c-bc14-37588eaa306c.png","https:\u002F\u002Fgather.town",[35,39,43],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},82,"Communication","communication",{"id":44,"title":45,"slug":46},89,"Remote","remote",[48,63,76,89,99,112,122,135,146,156,168,178],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"022f4754-e0c9-400c-9068-45b7de25f64e","Gather UI component","An empty state screen prompting the user to create a new space or access a previous version dashboard.",1135,622,"UI component from Gather","component",[57],{"id":58,"title":59,"slug":60},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"d012737e-2f18-4954-b6db-b9fc8fb3b83e","An alert message informing the user about their trial ending and an upgrade offer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb45cd03c-62a7-42d1-b6e7-0d526498e2ef.png",1328,440,[70],{"id":71,"title":72,"slug":73},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":54,"kind":55,"categories":82,"app":87},"0bb55977-783a-43a4-8047-cd2a8cbfcd5d","A user interface for selecting the application's color mode, offering light, dark, or system preference options via a dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F50ddd5c4-23ac-4973-9114-affde072f812.png",1364,589,[83],{"id":84,"title":85,"slug":86},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":50,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":54,"kind":55,"categories":95,"app":97},"c8062ec3-6552-42e4-a2ba-b2f81baee841","A landing page for an AI assistant called Grapevine, highlighting its features, integrations, and quick setup process.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c321209-a124-40b0-a01d-074da59ff86f.png",2444,1279,[96],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":50,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":54,"kind":55,"categories":105,"app":110},"8cbd3593-0a1c-490e-8c71-697e373accf6","A user interface segment displaying an activity title and a toggle switch for unread items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fab282164-eece-453f-ae07-781e286737d7.png",655,169,[106],{"id":107,"title":108,"slug":109},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":50,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":54,"kind":55,"categories":118,"app":120},"73e596ed-b288-42c3-b455-e02016ac54d8","A context menu displaying message management options in a chat interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3681edfc-63e1-432c-890b-4a0a5a24d12b.png",695,497,[119],{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":50,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":54,"kind":55,"categories":128,"app":133},"d4d2fbf5-dfd9-4a51-a5ed-3aa250094010","A modal window displaying information about an ongoing recording, including the recorder's name, AI note-taking, a meeting link, access details, and controls to stop the recording and select language.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22e1ec86-fdd6-4393-ae93-92eb399ac616.png",1189,942,[129],{"id":130,"title":131,"slug":132},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":50,"description":137,"canonical_path":4,"image":138,"width":117,"height":94,"image_alt":54,"kind":55,"categories":139,"app":144},"903c2110-1d24-4f0d-a9cd-d8849132be98","A sidebar navigation menu displaying application preferences and office management settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf705e72-3cce-4910-8548-9fc6cc23ce98.png",[140],{"id":141,"title":142,"slug":143},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":50,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":54,"kind":55,"categories":152,"app":154},"3b8c73c4-873e-4d8f-bfd4-86a12556fe28","A user interface element displaying a setting for automatically muting microphone and camera with an active toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b9d01d3-ef98-4c18-8802-c0fd079b175f.png",1327,370,[153],{"id":107,"title":108,"slug":109},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":50,"description":158,"canonical_path":4,"image":159,"width":150,"height":160,"image_alt":54,"kind":55,"categories":161,"app":166},"bcfac4f5-d48f-42fc-b524-1a6d5c0f56d4","A user interface for adjusting notification volume with a slider control.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb06b5bf2-6296-4c74-9387-14a8d5bebab3.png",392,[162],{"id":163,"title":164,"slug":165},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":50,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":54,"kind":55,"categories":174,"app":176},"7e30c8c2-cfb0-4d7c-89ce-5dce29222882","A popover menu displaying a list of selectable calendar options with checkboxes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce62c553-ade2-4af5-a321-ea88e763a86c.png",773,488,[175],{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":50,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":54,"kind":55,"categories":184,"app":186},"3f06e80e-6991-41b6-9aac-76280dcd9d05","A web application interface displaying a calendar view with a top notification bar promoting a Chrome extension.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff54e6ee6-b167-490c-8dfb-fe25783242b4.png",2314,308,[185],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202,205],{"label":191,"to":192},"Gather product screens","\u002Fexamples\u002Fapps\u002Fgather\u002Fscreens",{"label":194,"to":195},"Gather marketing pages","\u002Fexamples\u002Fapps\u002Fgather\u002Fmarketing",{"label":197,"to":198},"Gather user flows","\u002Fexamples\u002Fapps\u002Fgather\u002Fflows",{"label":200,"to":201},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":203,"to":204},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":206,"to":207},"Remote app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fremote",{"published_at":209,"updated_at":210},"2025-11-30T17:55:05.000Z","2026-09-13T13:02:39.000Z"]