[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fhorizontal-list":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":138,"links":139,"dates":164},"\u002Fexamples\u002Fcomponents\u002Fhorizontal-list","collection","components",true,{"example_count":9,"app_count":9},4,{"id":11,"title":12,"description":13},287,"Horizontal list","Explore how interfaces place related items in a horizontal sequence. Look at item previews, spacing, and navigation cues when the collection extends beyond the visible area.",{"title":15,"description":16,"og_image":17},"Horizontal list UI examples - Nicelydone","Horizontal list UI design examples from SaaS apps. Explore how interfaces place related items in a horizontal sequence. Look at item previews, spacing, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72233ee3-70f0-4f59-96c9-da1418deaa49.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"Horizontal list UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","Horizontal list UI design examples from SaaS apps. Explore how interfaces place related items in a horizontal sequence. Look at item previews, spacing, and navigation cues when the collection extends beyond…",[31],{"title":32,"description":13,"links":33},"About Horizontal list",[],[35],"4 UI components",[37,63,93,115],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"fe50e7e1-92cb-4beb-8ba0-b7935a09718f","Cobot UI component","The screenshot displays a section titled 'Explore' with a carousel of starter workflows.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fcomponents",1980,771,"UI component from Cobot","component",[47],{"id":11,"title":12,"slug":48},"horizontal-list",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"cobot","Cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[55,59],{"id":56,"title":57,"slug":58},80,"Artificial Intelligence","artificial-intelligence",{"id":60,"title":61,"slug":62},30,"Productivity","productivity",{"uuid":64,"title":65,"description":66,"canonical_path":67,"image":68,"width":69,"height":70,"image_alt":71,"kind":45,"categories":72,"app":74},"eafc7528-dabc-40a7-beb4-624e43857b05","Linear UI component","A project management board with columns and rows.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0a00649-3556-440a-9afc-8a5fe3051c87.png",2738,1417,"UI component from Linear",[73],{"id":11,"title":12,"slug":48},{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[80,84,85,89],{"id":81,"title":82,"slug":83},29,"Task Management","task-management",{"id":60,"title":61,"slug":62},{"id":86,"title":87,"slug":88},23,"Collaboration","collaboration",{"id":90,"title":91,"slug":92},86,"Product management","product-management",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"kind":45,"categories":102,"app":104},"e0eee75e-d05f-4807-8d05-c72e2a6d20d6","Floating image gallery","A floating horizontal list of generated image thumbnails with a selected state and utility controls on the right.","\u002Fexamples\u002Fapps\u002Fexactly\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F928509a1-d5fc-4492-9f40-485887ed7c04.png",2544,380,"Floating image gallery from Exactly",[103],{"id":11,"title":12,"slug":48},{"slug":105,"title":106,"logo":107,"baseline":108,"categories":109},"exactly","Exactly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexactly-8f7f0061.png","Create images in seconds with an AI that understands your style",[110,111],{"id":56,"title":57,"slug":58},{"id":112,"title":113,"slug":114},8,"Design","design",{"uuid":116,"title":117,"description":118,"canonical_path":119,"image":120,"width":121,"height":122,"image_alt":123,"kind":45,"categories":124,"app":126},"15cfce50-9f05-4900-9ff0-f4a0793ff108","Photoroom UI component","A modal with image editing tools.","\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbf648d0c-733d-4e74-b63c-587456fbc44c.png",1348,521,"UI component from Photoroom",[125],{"id":11,"title":12,"slug":48},{"slug":127,"title":128,"logo":129,"baseline":130,"categories":131},"photoroom","Photoroom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fphotoroom-0ae20398.png","Magic photo studio on the go",[132,136,137],{"id":133,"title":134,"slug":135},31,"Photography","photography",{"id":112,"title":113,"slug":114},{"id":56,"title":57,"slug":58},[],[140,143,146,149,152,155,158,161],{"label":141,"to":142},"Templates","\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":144,"to":145},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":147,"to":148},"AI Agent","\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":150,"to":151},"AI Assistant","\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":153,"to":154},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":156,"to":157},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":159,"to":160},"Exactly design examples","\u002Fexamples\u002Fapps\u002Fexactly",{"label":162,"to":163},"Photoroom design examples","\u002Fexamples\u002Fapps\u002Fphotoroom",{"published_at":165,"updated_at":166},"2022-11-27T10:56:54.000Z","2026-09-22T00:10:19.000Z"]