[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fbenefit-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":339,"links":340,"dates":389},"\u002Fexamples\u002Fcomponents\u002Fbenefit-list","collection","components",true,{"example_count":9,"app_count":10},28,21,{"id":12,"title":13,"description":14},172,"Benefit List","See how websites explain what a product offers through a short list. Explore how headings, descriptions, and supporting visuals divide the benefits into readable sections.",{"title":16,"description":17,"og_image":18},"Benefit List UI examples - Nicelydone","Benefit List UI design examples from SaaS apps. See how websites explain what a product offers through a short list. Explore how headings, descriptions, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a1f37eb-4e39-4edf-8ae8-95998473f84c.jpg",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Benefit List UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Benefit List UI design examples from SaaS apps. See how websites explain what a product offers through a short list. Explore how headings, descriptions, and supporting visuals divide the benefits into…",[32],{"title":33,"description":14,"links":34},"About Benefit List",[],[36],"28 UI components",[38,72,97,122,147,171,193,216,247,270,294,317],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"9074dda4-699e-11f1-8c91-960002ce6e45","Activity Log List","A list of automated tasks and communications from an AI assistant, showing timestamps, sender, and activity details.","\u002Fexamples\u002Fapps\u002Ftown\u002Fcomponents",2550,1272,"Activity Log List from Town","component",[48],{"id":12,"title":13,"slug":49},"benefit-list",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[56,60,64,68],{"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},92,"Email","email",{"id":69,"title":70,"slug":71},101,"Calendar","calendar",{"uuid":73,"title":74,"description":75,"canonical_path":76,"image":77,"width":78,"height":79,"image_alt":80,"kind":46,"categories":81,"app":83},"097d2e85-fef1-4b22-a3f0-addd33d322ce","Feature benefit list","A two-column grid listing product benefits, each with a blue checkmark icon, a bold title, and a brief muted description.","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2255c688-701c-49cc-96f8-a4ac9189e911.png",1358,1052,"Feature benefit list from Bytescale",[82],{"id":12,"title":13,"slug":49},{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"bytescale","Bytescale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbytescale-70575edd.png","Simple file storage & file processing apis for developers",[89,93],{"id":90,"title":91,"slug":92},37,"Developer APIs","developer-apis",{"id":94,"title":95,"slug":96},48,"Developer Tools","developer-tools",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"kind":46,"categories":106,"app":108},"c8b06ffb-d551-49a2-bcba-ecf77813df2b","Feature grid","A two-column grid of features, each with an icon, a title, and a short description.","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5622fb2b-3b6e-40f8-9044-ccc0b77e43a7.png",2163,1483,"Feature grid from Refrakt",[107],{"id":12,"title":13,"slug":49},{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"refrakt","Refrakt","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frefrakt-4bd9bf02.png","A more meaningful home for photography",[114,118],{"id":115,"title":116,"slug":117},49,"Social Network","social-network",{"id":119,"title":120,"slug":121},31,"Photography","photography",{"uuid":123,"title":124,"description":125,"canonical_path":126,"image":127,"width":128,"height":129,"image_alt":130,"kind":46,"categories":131,"app":133},"499a3b84-8f02-4b40-abb1-48647ca06a36","Luma UI component","A list of features and integrations.","\u002Fexamples\u002Fapps\u002Fluma\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F125a1fd3-0abe-4b4a-8aef-e4e331e64f54.png",1268,1521,"UI component from Luma",[132],{"id":12,"title":13,"slug":49},{"slug":134,"title":135,"logo":136,"baseline":137,"categories":138},"luma","Luma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fluma-64c4b80f.png","Delightful events start here.",[139,143],{"id":140,"title":141,"slug":142},26,"Events","events",{"id":144,"title":145,"slug":146},4,"Ticketing","ticketing",{"uuid":148,"title":13,"description":149,"canonical_path":150,"image":151,"width":152,"height":153,"image_alt":154,"kind":46,"categories":155,"app":157},"698cf257-c84f-422b-afcd-c34d283f1ef0","A vertical list of product benefits, each featuring a circular outlined icon alongside a short descriptive label.","\u002Fexamples\u002Fapps\u002Fsuper\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f40b264-9202-482a-909b-f2df7ec0ae47.png",634,657,"Benefit List from Super",[156],{"id":12,"title":13,"slug":49},{"slug":158,"title":159,"logo":160,"baseline":161,"categories":162},"super","Super","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuper-3a684df5.png","Create websites with Notion",[163,167],{"id":164,"title":165,"slug":166},96,"No code","no-code",{"id":168,"title":169,"slug":170},7,"Web Development","web-development",{"uuid":172,"title":173,"description":174,"canonical_path":175,"image":176,"width":177,"height":178,"image_alt":179,"kind":46,"categories":180,"app":182},"1651b8e5-9427-4cb9-9707-464361c3ecc0","Benefit list","A vertical list of product benefits with checkmark icons, titles, and descriptions, displayed on a gradient background.","\u002Fexamples\u002Fapps\u002Fclerk\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66b0a654-172b-49eb-9297-8547e0ae03b9.png",1003,1180,"Benefit list from Clerk",[181],{"id":12,"title":13,"slug":49},{"slug":183,"title":184,"logo":185,"baseline":186,"categories":187},"clerk","Clerk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","Authentication and User Management",[188,189],{"id":94,"title":95,"slug":96},{"id":190,"title":191,"slug":192},78,"Security","security",{"uuid":194,"title":195,"description":196,"canonical_path":197,"image":198,"width":199,"height":200,"image_alt":201,"kind":46,"categories":202,"app":204},"3d74ccc6-97e7-492a-8dfb-0df085160e05","Value Proposition Panel","A side panel displaying the main value proposition, a list of benefits with checkmark icons, and a logo wall of trusted organizations.","\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F46b82560-618a-42ef-8df7-2ee9672e4244.png",827,839,"Value Proposition Panel from Fingerprint",[203],{"id":12,"title":13,"slug":49},{"slug":205,"title":206,"logo":207,"baseline":208,"categories":209},"fingerprint","Fingerprint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffingerprint-c301845c.png","Device fingerprinting API",[210,211,215],{"id":190,"title":191,"slug":192},{"id":212,"title":213,"slug":214},45,"Open Source","open-source",{"id":90,"title":91,"slug":92},{"uuid":217,"title":218,"description":219,"canonical_path":220,"image":221,"width":222,"height":223,"image_alt":224,"kind":46,"categories":225,"app":227},"3bb2cccf-6179-4c63-b701-6208fe3a5472","Feature inclusion list","A vertical list of features included in a pricing plan, each preceded by a checkmark icon.","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8fe4c322-facc-40b5-9b56-a31881d6fe1b.png",575,459,"Feature inclusion list from Notion",[226],{"id":12,"title":13,"slug":49},{"slug":228,"title":229,"logo":230,"baseline":231,"categories":232},"notion","Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","A unified workspace for modern teams",[233,237,238,242,246],{"id":234,"title":235,"slug":236},29,"Task Management","task-management",{"id":61,"title":62,"slug":63},{"id":239,"title":240,"slug":241},22,"Knowledge Management","knowledge-management",{"id":243,"title":244,"slug":245},23,"Collaboration","collaboration",{"id":57,"title":58,"slug":59},{"uuid":248,"title":99,"description":249,"canonical_path":250,"image":251,"width":252,"height":253,"image_alt":254,"kind":46,"categories":255,"app":257},"e4df14d4-bfe6-44e2-99b0-ef8ae2c75c25","A 3x3 grid of product features, each with a green checkmark icon, a bold title, and a short descriptive paragraph.","\u002Fexamples\u002Fapps\u002Fcraft\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fab47a9a1-b587-43ff-b8f8-f8b3b5208fb7.png",3280,1565,"Feature grid from Craft",[256],{"id":12,"title":13,"slug":49},{"slug":258,"title":259,"logo":260,"baseline":261,"categories":262},"craft","Craft","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","Taking notes to the next level",[263,264,265,266],{"id":61,"title":62,"slug":63},{"id":239,"title":240,"slug":241},{"id":234,"title":235,"slug":236},{"id":267,"title":268,"slug":269},59,"Writing tools","writing-tools",{"uuid":271,"title":13,"description":272,"canonical_path":273,"image":274,"width":275,"height":276,"image_alt":277,"kind":46,"categories":278,"app":280},"7d9efcf0-f440-481a-9706-634b208ee743","A section highlighting the benefits of booking a demo, featuring a headline, a brief introductory text, and a list of key features with checkmark icons.","\u002Fexamples\u002Fapps\u002Fcausal\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb03a441f-7b40-4e9e-a27e-4231ad6b91d7.png",1416,1120,"Benefit List from Causal",[279],{"id":12,"title":13,"slug":49},{"slug":281,"title":282,"logo":283,"baseline":284,"categories":285},"causal","Causal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcausal-b9013c30.png","The business planning platform",[286,290],{"id":287,"title":288,"slug":289},36,"Finance","finance",{"id":291,"title":292,"slug":293},46,"Analytics","analytics",{"uuid":295,"title":296,"description":297,"canonical_path":298,"image":299,"width":300,"height":301,"image_alt":302,"kind":46,"categories":303,"app":305},"45117834-ecd5-417e-857d-b0a9c2fb09c7","Feature list","A vertical list of features included in a pricing plan, with checkmark icons and some items marked as add-ons.","\u002Fexamples\u002Fapps\u002Fhelp-scout\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4421f539-c6ff-4743-8cca-0f3ff9872e5a.png",648,1116,"Feature list from Help Scout",[304],{"id":12,"title":13,"slug":49},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"help-scout","Help Scout","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhelp-scout-8a6156f0.png","Shared Inbox, Help Center, & Live Chat Software",[311,315,316],{"id":312,"title":313,"slug":314},47,"Customer Service","customer-service",{"id":65,"title":66,"slug":67},{"id":243,"title":244,"slug":245},{"uuid":318,"title":296,"description":319,"canonical_path":320,"image":321,"width":322,"height":323,"image_alt":324,"kind":46,"categories":325,"app":327},"edbad806-cdc9-4a58-889c-72ff84eb5fdf","A vertical list of features with checkmark icons, typically found in a pricing or upgrade modal.","\u002Fexamples\u002Fapps\u002Fspline\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0b15e701-16a5-4485-9bb6-b24a3e83113b.png",740,601,"Feature list from Spline",[326],{"id":12,"title":13,"slug":49},{"slug":328,"title":329,"logo":330,"baseline":331,"categories":332},"spline","Spline","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fspline-9d66cc4c.png","Design tool for 3D web experiences",[333,337,338],{"id":334,"title":335,"slug":336},8,"Design","design",{"id":168,"title":169,"slug":170},{"id":243,"title":244,"slug":245},[],[341,344,347,350,353,356,359,362,365,368,371,374,377,380,383,386],{"label":342,"to":343},"Sign Up","\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":345,"to":346},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":348,"to":349},"Pricing Page","\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":351,"to":352},"Account Setup","\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":354,"to":355},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":357,"to":358},"Bytescale design examples","\u002Fexamples\u002Fapps\u002Fbytescale",{"label":360,"to":361},"Refrakt design examples","\u002Fexamples\u002Fapps\u002Frefrakt",{"label":363,"to":364},"Luma design examples","\u002Fexamples\u002Fapps\u002Fluma",{"label":366,"to":367},"Super design examples","\u002Fexamples\u002Fapps\u002Fsuper",{"label":369,"to":370},"Clerk design examples","\u002Fexamples\u002Fapps\u002Fclerk",{"label":372,"to":373},"Fingerprint design examples","\u002Fexamples\u002Fapps\u002Ffingerprint",{"label":375,"to":376},"Notion design examples","\u002Fexamples\u002Fapps\u002Fnotion",{"label":378,"to":379},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":381,"to":382},"Causal design examples","\u002Fexamples\u002Fapps\u002Fcausal",{"label":384,"to":385},"Help Scout design examples","\u002Fexamples\u002Fapps\u002Fhelp-scout",{"label":387,"to":388},"Spline design examples","\u002Fexamples\u002Fapps\u002Fspline",{"published_at":390,"updated_at":391},"2022-08-21T20:07:35.000Z","2026-09-19T00:05:28.000Z"]