[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmarathon\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":200,"links":201,"dates":232},"\u002Fexamples\u002Fapps\u002Fmarathon\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Marathon UI components examples - Nicelydone","Browse Marathon UI component design examples. Preview individual interface elements and explore related component categories. Fully integrated feedback &…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F850bbe93-3832-458e-90aa-307d52a7e06d.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},"Marathon design examples","\u002Fexamples\u002Fapps\u002Fmarathon",{"label":23,"to":4},"Marathon UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Marathon UI component design examples. Preview individual interface elements and explore related component categories. Fully integrated feedback & task management for design teams",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Marathon","marathon","Fully integrated feedback & task management for design teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmarathon-fq5n9laz.png","https:\u002F\u002Fwww.onmarathon.com\u002F",[36],{"id":37,"title":38,"slug":39},86,"Product management","product-management",[41,56,71,86,101,116,131,146,156,171,186],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"bf88c6a8-9759-4939-8490-a20734f8775c","Marketing Hero Section","A hero section featuring a prominent headline, a recent update badge, and two call-to-action buttons. It includes a top navigation bar with a logo, links, and a 'Get Started' button.",3278,1313,"Marketing Hero Section from Marathon","component",[50],{"id":51,"title":52,"slug":53},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":61,"height":62,"image_alt":63,"kind":48,"categories":64,"app":69},"d683c942-b48c-4163-86a6-6ec8342714df","Time tracking chart","A bar chart displaying time tracked over a week, with a date range selector, project filter, and a summary panel showing total hours per project.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6d38b69e-8340-47c2-be29-775e93142f89.png",2632,820,"Time tracking chart from Marathon",[65],{"id":66,"title":67,"slug":68},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":78,"kind":48,"categories":79,"app":84},"721d28b7-4c55-4dd9-a5af-91b13063dc0b","Marathon UI component","A dropdown menu with various actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4619f01-4d68-4c71-8be3-f44f90b2b17a.png",423,591,"UI component from Marathon",[80],{"id":81,"title":82,"slug":83},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":93,"kind":48,"categories":94,"app":99},"94b7bb87-aafa-487c-943e-9509fe69c485","Task notification card","A small card notifying the user of a newly added task, featuring the task name, assignee avatar, and actions to hide or manage the task.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff9852416-893d-4f6e-915d-9d544a2ebc11.png",656,384,"Task notification card from Marathon",[95],{"id":96,"title":97,"slug":98},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":108,"kind":48,"categories":109,"app":114},"a2ef68d5-7663-44d9-808e-5d6766227647","Task status dropdown","A task detail header showing a title, assignee avatar, and tags. A dropdown menu is open below the 'Inbox' tag, allowing the user to select a new status for the task.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe87f3184-04c1-4a94-98e9-e4793ebb66b3.png",849,768,"Task status dropdown from Marathon",[110],{"id":111,"title":112,"slug":113},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":123,"kind":48,"categories":124,"app":129},"04135569-fc69-4e57-b178-673cec13b364","Empty Kanban Board","An empty state for a kanban board showing columns for Inbox, Backlog, and Up Next. The Inbox column features an empty state message with app integration icons and a call to action to manage integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d9bbd16-2040-44f1-af41-97ea580b5424.png",1573,937,"Empty Kanban Board from Marathon",[125],{"id":126,"title":127,"slug":128},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":138,"kind":48,"categories":139,"app":144},"dc772e82-dca3-4c58-8ac4-502e1ecf1b15","Sidebar navigation","A vertical sidebar navigation menu with a logo, primary links, project links, secondary links, and a trial upgrade prompt at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff21f9c32-2b03-46c8-a0ef-6db21ec5c0e6.png",632,1762,"Sidebar navigation from Marathon",[140],{"id":141,"title":142,"slug":143},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":73,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":78,"kind":48,"categories":152,"app":154},"eec8aec8-cd37-4452-91b0-a009a25240bc","Empty inbox screen with integration options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86dcc08a-661e-4c51-bf4c-3247316e2f00.png",1474,1026,[153],{"id":126,"title":127,"slug":128},{"slug":31,"title":30,"logo":33,"categories":155},[],{"uuid":157,"title":158,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":163,"kind":48,"categories":164,"app":169},"1ef8c8a4-449f-4a18-b35f-721ab3a5eabf","Footer with CTA","A page footer section featuring a prominent call-to-action area with a headline and two buttons, followed by a standard footer layout with a company description and navigation links organized into columns.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe7a55f02-ef58-488a-9765-900479206d93.png",3280,1840,"Footer with CTA from Marathon",[165],{"id":166,"title":167,"slug":168},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":173,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":178,"kind":48,"categories":179,"app":184},"3f39a9f2-5404-4de3-a9bb-8099a2225d6d","Feature bento grid","A bento grid layout showcasing various product features with a mix of text descriptions and UI mockups.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbb5f3453-05b4-4cdd-843e-de9f41796686.png",3088,3270,"Feature bento grid from Marathon",[180],{"id":181,"title":182,"slug":183},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":4,"image":190,"width":176,"height":191,"image_alt":192,"kind":48,"categories":193,"app":198},"49ba77d4-e496-4ba6-9c2e-e6d96844ce56","Website header","A top navigation header featuring a logo on the left, a central navigation menu, and login\u002Fsignup actions on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4074097-d42b-40e3-9f70-710d81ada4dd.png",322,"Website header from Marathon",[194],{"id":195,"title":196,"slug":197},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214,216,220,224,228],{"label":203,"to":204},"Marathon product screens","\u002Fexamples\u002Fapps\u002Fmarathon\u002Fscreens",{"label":206,"to":207},"Marathon marketing pages","\u002Fexamples\u002Fapps\u002Fmarathon\u002Fmarketing",{"label":209,"to":210},"Marathon user flows","\u002Fexamples\u002Fapps\u002Fmarathon\u002Fflows",{"label":212,"to":213},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":215,"to":18},"All SaaS app examples",{"label":217,"to":218,"description":219},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":221,"to":222,"description":223},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":225,"to":226,"description":227},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":229,"to":230,"description":231},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":233,"updated_at":234},"2024-06-03T10:33:44.000Z","2026-09-26T00:10:28.000Z"]