[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fvertical-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":330,"links":331,"dates":377},"\u002Fexamples\u002Fcomponents\u002Fvertical-list","collection","components",true,{"example_count":9,"app_count":10},31,27,{"id":12,"title":13,"description":14},286,"Vertical list","Explore how interfaces arrange items in a sequence of rows. Look at how repeated labels, supporting details, and actions establish a consistent structure down the list.",{"title":16,"description":17,"og_image":18},"Vertical list UI examples - Nicelydone","Vertical list UI design examples from SaaS apps. Explore how interfaces arrange items in a sequence of rows. Look at how repeated labels, supporting…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4aaab2a9-e4f3-4ae6-ab02-1e03faf6d62d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Vertical list UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Vertical list UI design examples from SaaS apps. Explore how interfaces arrange items in a sequence of rows. Look at how repeated labels, supporting details, and actions establish a consistent structure…",[32],{"title":33,"description":14,"links":34},"About Vertical list",[],[36],"31 UI components",[38,66,99,124,151,188,213,240,260,282,308],{"uuid":39,"title":40,"canonical_path":41,"image":18,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"7cede64b-b308-4c00-af5b-c32480311b05","Mailchimp UI component","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents",2649,1691,"UI component from Mailchimp","component",[47],{"id":12,"title":13,"slug":48},"vertical-list",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[55,59,62],{"id":56,"title":57,"slug":58},25,"Marketing","marketing",{"id":10,"title":60,"slug":61},"Email Newsletters","email-newsletters",{"id":63,"title":64,"slug":65},68,"SMS","sms",{"uuid":67,"title":68,"description":69,"canonical_path":70,"image":71,"width":72,"height":73,"image_alt":74,"kind":45,"categories":75,"app":77},"3a8200e0-2e4a-452f-8197-234857d678cc","Linear UI component","A data table displaying a hierarchical list of items with associated details and sorting options.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe589dbe4-37eb-49a9-be86-c19e53b88c76.png",2462,885,"UI component from Linear",[76],{"id":12,"title":13,"slug":48},{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[83,87,91,95],{"id":84,"title":85,"slug":86},29,"Task Management","task-management",{"id":88,"title":89,"slug":90},30,"Productivity","productivity",{"id":92,"title":93,"slug":94},23,"Collaboration","collaboration",{"id":96,"title":97,"slug":98},86,"Product management","product-management",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":105,"height":106,"image_alt":107,"kind":45,"categories":108,"app":110},"de95562a-0dc8-4e25-920e-c4f3fd7b5fb0","Ona UI component","A task list displaying development-related to-do items with completion status and progress.","\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7265fca-403e-4dda-8f9c-5a8c09f2dce5.png",1560,976,"UI component from Ona",[109],{"id":12,"title":13,"slug":48},{"slug":111,"title":112,"logo":113,"baseline":114,"categories":115},"ona","Ona","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","The AI software engineer you can rely on",[116,120],{"id":117,"title":118,"slug":119},48,"Developer Tools","developer-tools",{"id":121,"title":122,"slug":123},80,"Artificial Intelligence","artificial-intelligence",{"uuid":125,"title":126,"description":127,"canonical_path":128,"image":129,"width":130,"height":131,"image_alt":132,"kind":45,"categories":133,"app":135},"7f820a57-6c0d-4e5c-941f-a3971243789f","Circleback UI component","The screenshot displays a meeting list interface.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4386e88-86f4-41c5-8b38-747322476ebf.png",2699,819,"UI component from Circleback",[134],{"id":12,"title":13,"slug":48},{"slug":136,"title":137,"logo":138,"baseline":139,"categories":140},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[141,142,146,150],{"id":88,"title":89,"slug":90},{"id":143,"title":144,"slug":145},82,"Communication","communication",{"id":147,"title":148,"slug":149},22,"Knowledge Management","knowledge-management",{"id":121,"title":122,"slug":123},{"uuid":152,"title":153,"description":154,"canonical_path":155,"image":156,"width":157,"height":158,"image_alt":159,"kind":45,"categories":160,"app":162},"eaca36da-70f4-4fb7-9b21-ad42bf8ef08b","Outseta UI component","A comparison of before and after states, highlighting the benefits of using a single platform to manage a membership business.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fadd18278-207b-4fc0-b94e-a88911debe38.png",2816,1720,"UI component from Outseta",[161],{"id":12,"title":13,"slug":48},{"slug":163,"title":164,"logo":165,"baseline":166,"categories":167},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[168,172,176,180,184],{"id":169,"title":170,"slug":171},1,"Communities","communities",{"id":173,"title":174,"slug":175},92,"Email","email",{"id":177,"title":178,"slug":179},53,"CRM","crm",{"id":181,"title":182,"slug":183},39,"Payments","payments",{"id":185,"title":186,"slug":187},47,"Customer Service","customer-service",{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":194,"height":195,"image_alt":196,"kind":45,"categories":197,"app":199},"34cc1347-fa9e-4d85-8272-8834b7de3cf2","Record club UI component","A list of recent activity.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4c11c85c-435e-499d-862f-eb9edd2df700.png",729,779,"UI component from Record club",[198],{"id":12,"title":13,"slug":48},{"slug":200,"title":201,"logo":202,"baseline":203,"categories":204},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[205,209],{"id":206,"title":207,"slug":208},20,"Music","music",{"id":210,"title":211,"slug":212},14,"Social","social",{"uuid":214,"title":215,"description":216,"canonical_path":217,"image":218,"width":219,"height":220,"image_alt":221,"kind":45,"categories":222,"app":224},"0045d2bb-1708-4543-a897-3cf7a80749d0","Polar UI component","A list of recent user activity notifications.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36e857d7-dde7-4030-83b0-73e2eeb452dc.png",852,968,"UI component from Polar",[223],{"id":12,"title":13,"slug":48},{"slug":225,"title":226,"logo":227,"baseline":228,"categories":229},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[230,234,235,236],{"id":231,"title":232,"slug":233},36,"Finance","finance",{"id":181,"title":182,"slug":183},{"id":117,"title":118,"slug":119},{"id":237,"title":238,"slug":239},37,"Developer APIs","developer-apis",{"uuid":241,"title":242,"description":243,"canonical_path":244,"image":245,"width":246,"height":247,"image_alt":248,"kind":45,"categories":249,"app":251},"7408ec44-e4b4-4ee5-9ea8-84a44efb23a1","Asana UI component","A notification feed with various updates and messages.","\u002Fexamples\u002Fapps\u002Fasana\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F28010960-0672-4694-a34c-d23dcb4a6fb6.png",1258,945,"UI component from Asana",[250],{"id":12,"title":13,"slug":48},{"slug":252,"title":253,"logo":254,"baseline":255,"categories":256},"asana","Asana","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fasana-a1a0b7cd.png","The easiest way for teams to track their work",[257,258,259],{"id":92,"title":93,"slug":94},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"uuid":261,"title":262,"description":263,"canonical_path":264,"image":265,"width":266,"height":267,"image_alt":268,"kind":45,"categories":269,"app":271},"e86d4ec0-133e-4d9b-9b82-f07f0d8b5963","Expensify UI component","A series of expandable cards with conversational prompts.","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F360a1ca7-6f53-4d3a-af04-7614f7a2d753.png",2188,2342,"UI component from Expensify",[270],{"id":12,"title":13,"slug":48},{"slug":272,"title":273,"logo":274,"baseline":275,"categories":276},"expensify","Expensify","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexpensify-186d76c0.png","The expense management app that does it all",[277,278],{"id":231,"title":232,"slug":233},{"id":279,"title":280,"slug":281},56,"Accounting","accounting",{"uuid":283,"title":284,"description":285,"canonical_path":286,"image":287,"width":288,"height":289,"image_alt":290,"kind":45,"categories":291,"app":293},"9b4e3c4f-0929-4846-b419-a625fbfce2fb","Programa UI component","A list of product features with a button at the bottom.","\u002Fexamples\u002Fapps\u002Fprograma\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43087771-8374-4cd9-9470-7c578bba2a1e.png",1622,1502,"UI component from Programa",[292],{"id":12,"title":13,"slug":48},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"programa","Programa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fprograma-9c799e71.png","Beautiful software for interior designers & architects",[299,303,307],{"id":300,"title":301,"slug":302},73,"Architecture","architecture",{"id":304,"title":305,"slug":306},8,"Design","design",{"id":84,"title":85,"slug":86},{"uuid":309,"title":310,"description":311,"canonical_path":312,"image":313,"width":314,"height":315,"image_alt":316,"kind":45,"categories":317,"app":319},"9adad2fa-e9b4-4205-a624-261719d2fd91","SavvyCal UI component","Account setup completion screen with a list of tasks.","\u002Fexamples\u002Fapps\u002Fsavvycal\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F60862136-1e2c-4d77-8b17-63f0881c8145.png",1311,1226,"UI component from SavvyCal",[318],{"id":12,"title":13,"slug":48},{"slug":320,"title":321,"logo":322,"baseline":323,"categories":324},"savvycal","SavvyCal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsavvycal-acc21050.png","Scheduling software your recipients will love",[325,326],{"id":88,"title":89,"slug":90},{"id":327,"title":328,"slug":329},101,"Calendar","calendar",[],[332,335,338,341,344,347,350,353,356,359,362,365,368,371,374],{"label":333,"to":334},"Filter & Sort","\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":336,"to":337},"Browse","\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":339,"to":340},"Search","\u002Fexamples\u002Fscreens\u002Fsearch",{"label":342,"to":343},"Settings","\u002Fexamples\u002Fscreens\u002Fsettings",{"label":345,"to":346},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":348,"to":349},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":351,"to":352},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":354,"to":355},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":357,"to":358},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":360,"to":361},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":363,"to":364},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":366,"to":367},"Asana design examples","\u002Fexamples\u002Fapps\u002Fasana",{"label":369,"to":370},"Expensify design examples","\u002Fexamples\u002Fapps\u002Fexpensify",{"label":372,"to":373},"Programa design examples","\u002Fexamples\u002Fapps\u002Fprograma",{"label":375,"to":376},"SavvyCal design examples","\u002Fexamples\u002Fapps\u002Fsavvycal",{"published_at":378,"updated_at":379},"2022-11-27T10:53:01.000Z","2026-09-17T10:44:16.000Z"]