[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgusto\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Fgusto\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gusto UI components examples - Nicelydone","Browse Gusto UI component design examples. Preview individual interface elements and explore related component categories. The all-in-one people platform…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86287b94-9860-4575-b62c-73794e93848b.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},"Gusto design examples","\u002Fexamples\u002Fapps\u002Fgusto",{"label":23,"to":4},"Gusto UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Gusto UI component design examples. Preview individual interface elements and explore related component categories. The all-in-one people platform for Payroll, Benefits, HR",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Gusto","gusto","The all-in-one people platform for Payroll, Benefits, HR","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgusto-5e46599d.png","https:\u002F\u002Fgusto.com",[36,40,44],{"id":37,"title":38,"slug":39},10,"Human resources","human-resources",{"id":41,"title":42,"slug":43},56,"Accounting","accounting",{"id":45,"title":46,"slug":47},64,"Recruiting","recruiting",[49,64,79,92,105,118,128,138,150,163,176,189],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"f89865fa-e81c-4af1-967b-e81df78cbdcb","Homepage Hero Section","A hero section featuring a promotional banner at the top, a global navigation header, a large headline with a subheadline, call-to-action buttons, value propositions with checkmarks, and a large image of a customer.",3024,1493,"Homepage Hero Section from Gusto","component",[58],{"id":59,"title":60,"slug":61},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"45487f98-d386-4d1f-8121-6588f4111227","Gusto UI component","Referral modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69a1a13a-b819-483f-839d-18d15a109bf3.png",930,952,"UI component from Gusto",[73],{"id":74,"title":75,"slug":76},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":66,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":71,"kind":56,"categories":85,"app":90},"3d2d7937-3148-4a62-884c-97fe95750380","A promotional card with a referral incentive.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe72a8ca0-0931-4baf-9586-875a3af77ec6.png",784,232,[86],{"id":87,"title":88,"slug":89},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":66,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":71,"kind":56,"categories":98,"app":103},"ac2bb39b-9c70-41b9-b38e-626a732d12b3","A button with a label and an icon","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F21762d0d-513e-4cff-badb-45f685b0d159.png",284,176,[99],{"id":100,"title":101,"slug":102},245,"Tag","tag",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":66,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":71,"kind":56,"categories":111,"app":116},"ba29932d-1385-4943-8697-fe49b9ee69e0","A search input field with a placeholder text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29519532-465b-4ee5-b198-3c1819104a89.png",943,216,[112],{"id":113,"title":114,"slug":115},295,"Input search","input-search",{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":66,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":71,"kind":56,"categories":124,"app":126},"7b201f17-f4e9-4b64-8b10-4e2cc98099c7","A success alert message","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23e25216-f5cf-4646-86ae-4b58bd31543c.png",2406,475,[125],{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":66,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":71,"kind":56,"categories":134,"app":136},"0ed0d4b0-f849-41bb-bfe6-7b62b622a9b8","Time tracking feature description","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3b248c71-0b10-4171-80c5-fdd6ef479693.png",2500,965,[135],{"id":74,"title":75,"slug":76},{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":66,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":71,"kind":56,"categories":144,"app":148},"5bc1d189-abdf-48cc-9c9a-d85a5f0e1d43","A modal asking to deactivate a custom earning.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe61cd615-2712-4447-a1e9-0b6560795cce.png",1643,730,[145],{"id":96,"title":146,"slug":147},"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":66,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":71,"kind":56,"categories":156,"app":161},"a78f5943-14ca-413b-96a0-cbbba84e6788","A settings section with direct deposit and private email information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3482310e-d15b-4c6a-a05d-5c2dac150cef.png",2170,393,[157],{"id":158,"title":159,"slug":160},286,"Vertical list","vertical-list",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":66,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":71,"kind":56,"categories":169,"app":174},"db01b8ce-ad5c-4a7c-8cef-d0bc9389db39","A signature input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc93eaf43-2669-449d-9f5e-e0c49564e8d7.png",1656,378,[170],{"id":171,"title":172,"slug":173},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":66,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":71,"kind":56,"categories":182,"app":187},"dd452cc4-6591-41e4-9169-2fb5675399f8","A tabbed navigation component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0fb01392-4bed-485d-841c-306bb61e549f.png",971,180,[183],{"id":184,"title":185,"slug":186},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":66,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":71,"kind":56,"categories":195,"app":200},"ac0638f9-3fdd-4a6e-8e48-a3bba64f97a7","A table of documents with descriptions and a button to add a signatory.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe1132993-2278-4eb6-9c11-5a9406f1cff4.png",2462,815,[196],{"id":197,"title":198,"slug":199},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Gusto product screens","\u002Fexamples\u002Fapps\u002Fgusto\u002Fscreens",{"label":208,"to":209},"Gusto marketing pages","\u002Fexamples\u002Fapps\u002Fgusto\u002Fmarketing",{"label":211,"to":212},"Gusto user flows","\u002Fexamples\u002Fapps\u002Fgusto\u002Fflows",{"label":214,"to":215},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":217,"to":218},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"label":220,"to":221},"Recruiting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Frecruiting",{"published_at":223,"updated_at":224},"2020-11-28T19:59:29.000Z","2026-09-26T00:10:34.000Z"]