[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fgrid-list":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":220,"links":221,"dates":255},"\u002Fexamples\u002Fcomponents\u002Fgrid-list","collection","components",true,{"example_count":9,"app_count":10},10,7,{"id":12,"title":13,"description":14},283,"Grid list","See how interfaces arrange repeated items across columns. Explore how grid spacing and item structure support scanning a collection of previews or records.",{"title":16,"description":17,"og_image":18},"Grid list UI examples - Nicelydone","Grid list UI design examples from SaaS apps. See how interfaces arrange repeated items across columns. Explore how grid spacing and item structure support…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F03050c86-4998-42b6-95a6-fd136fb9e575.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Grid list UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Grid list UI design examples from SaaS apps. See how interfaces arrange repeated items across columns. Explore how grid spacing and item structure support scanning a collection of previews or records.",[32],{"title":33,"description":14,"links":34},"About Grid list",[],[36],"10 UI components",[38,68,97,126,147,168,197],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"7b089628-375f-4321-9b16-9488f64877cc","Quin UI component","The page showcases the capabilities of Quin in automating various tasks, emphasizing its ability to learn user preferences and streamline workflows.","\u002Fexamples\u002Fapps\u002Fquin\u002Fcomponents",2749,2972,"UI component from Quin","component",[48],{"id":12,"title":13,"slug":49},"grid-list",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"quin","Quin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb4f27845-aeea-4c59-b6e7-8a255620ae41.png","Meet your dream assistant",[56,60,64],{"id":57,"title":58,"slug":59},80,"Artificial Intelligence","artificial-intelligence",{"id":61,"title":62,"slug":63},30,"Productivity","productivity",{"id":65,"title":66,"slug":67},105,"Workflow Automation","workflow-automation",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"477778a4-9797-4261-919a-2145be3bd3cf","Vimeo UI component","The platform that powers your video strategy.","\u002Fexamples\u002Fapps\u002Fvimeo\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff16f071d-6b98-480b-81d4-c462bcd37821.png",2675,2703,"UI component from Vimeo",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"vimeo","Vimeo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvimeo-75b68e59.png","Watch, upload and share HD and 4k videos with no ads",[85,89,93],{"id":86,"title":87,"slug":88},70,"Video streaming","video-streaming",{"id":90,"title":91,"slug":92},71,"File sharing","file-sharing",{"id":94,"title":95,"slug":96},100,"Video","video",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"kind":46,"categories":106,"app":108},"a0b94348-4958-48fa-87d5-16c08e7b46ca","Slack UI component","A grid of file previews with titles and metadata.","\u002Fexamples\u002Fapps\u002Fslack\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa0a56fae-22f0-4313-aa55-3e1f431d8a16.png",2192,1532,"UI component from Slack",[107],{"id":12,"title":13,"slug":49},{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"slack","Slack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslack-fd2f6962.png","Be less busy",[114,118,122],{"id":115,"title":116,"slug":117},23,"Collaboration","collaboration",{"id":119,"title":120,"slug":121},42,"Messaging","messaging",{"id":123,"title":124,"slug":125},82,"Communication","communication",{"uuid":127,"title":128,"description":129,"canonical_path":130,"image":131,"width":132,"height":133,"image_alt":134,"kind":46,"categories":135,"app":137},"d8c1fa94-d98e-4149-84e1-fcd7ffc56db2","Layout picker grid","A grid of selectable layout templates for a presentation slide, displayed in a dark-themed popover.","\u002Fexamples\u002Fapps\u002Ftome\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feefdf991-4abb-435c-b6c0-7e4193457424.png",780,969,"Layout picker grid from Tome",[136],{"id":12,"title":13,"slug":49},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"tome","Tome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftome-3d8125c5.png","The storytelling tool for work",[143],{"id":144,"title":145,"slug":146},85,"Presentation software","presentation-software",{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":153,"height":154,"image_alt":155,"kind":46,"categories":156,"app":158},"7fe2f218-1ea2-458c-a69a-1f34ed05078f","Playlist grid","A grid of featured playlists and themes, each represented by a square cover image, a title, and a track or playlist count.","\u002Fexamples\u002Fapps\u002Fepidemic-sound\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8f50a98f-26fe-43ea-bf8b-dcef79d9acd0.png",2912,1442,"Playlist grid from Epidemic Sound",[157],{"id":12,"title":13,"slug":49},{"slug":159,"title":160,"logo":161,"baseline":162,"categories":163},"epidemic-sound","Epidemic Sound","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fepidemic-sound-0ef09636.png","Royalty-free music for your videos",[164],{"id":165,"title":166,"slug":167},20,"Music","music",{"uuid":169,"title":170,"description":171,"canonical_path":172,"image":173,"width":174,"height":175,"image_alt":176,"kind":46,"categories":177,"app":179},"3401fffa-6cea-4119-9104-4902074ec85a","Customer stories grid","A masonry-style grid of customer story cards, each featuring a company logo, a headline describing their use of Enode, a 'Read the story' link, and a background image showing their app interface.","\u002Fexamples\u002Fapps\u002Fenode\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3b50e817-6b55-4c8c-afa7-515c512520d1.png",2496,3847,"Customer stories grid from Enode",[178],{"id":12,"title":13,"slug":49},{"slug":180,"title":181,"logo":182,"baseline":183,"categories":184},"enode","Enode","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fenode-c7a4d0ab.png","One integration, 800+ energy devices",[185,189,193],{"id":186,"title":187,"slug":188},37,"Developer APIs","developer-apis",{"id":190,"title":191,"slug":192},87,"CleanTech","cleantech",{"id":194,"title":195,"slug":196},88,"Sustainability","sustainability",{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"kind":46,"categories":206,"app":208},"2ce65074-8f81-41ea-a75f-a3c49254963d","Featured Articles Grid","A grid layout displaying featured articles. The top row contains two large cards with cover images, tags, titles, and descriptions. The bottom row contains three smaller cards with text-only content, tags, and titles. All cards include a 'Read more' link.","\u002Fexamples\u002Fapps\u002Ftodoist\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9234031d-c2d9-44eb-b8cf-b4c146dfc0c3.png",2432,2306,"Featured Articles Grid from Todoist",[207],{"id":12,"title":13,"slug":49},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"todoist","Todoist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftodoist-3d6ecdba.png","The to do list to organize work & life",[214,218,219],{"id":215,"title":216,"slug":217},29,"Task Management","task-management",{"id":61,"title":62,"slug":63},{"id":115,"title":116,"slug":117},[],[222,225,228,231,234,237,240,243,246,249,252],{"label":223,"to":224},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":226,"to":227},"Browse","\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":229,"to":230},"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":232,"to":233},"Resource Hub","\u002Fexamples\u002Fpages\u002Fresource-hub",{"label":235,"to":236},"Quin design examples","\u002Fexamples\u002Fapps\u002Fquin",{"label":238,"to":239},"Vimeo design examples","\u002Fexamples\u002Fapps\u002Fvimeo",{"label":241,"to":242},"Slack design examples","\u002Fexamples\u002Fapps\u002Fslack",{"label":244,"to":245},"Tome design examples","\u002Fexamples\u002Fapps\u002Ftome",{"label":247,"to":248},"Epidemic Sound design examples","\u002Fexamples\u002Fapps\u002Fepidemic-sound",{"label":250,"to":251},"Enode design examples","\u002Fexamples\u002Fapps\u002Fenode",{"label":253,"to":254},"Todoist design examples","\u002Fexamples\u002Fapps\u002Ftodoist",{"published_at":256,"updated_at":257},"2022-11-23T16:52:19.000Z","2026-09-26T00:10:09.000Z"]