[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpayroll-integration":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":33,"showcases":411,"links":412,"dates":462},"\u002Fexamples\u002Ftags\u002Fpayroll-integration","collection","screens",true,{"example_count":9,"app_count":10},27,9,{"id":12,"title":13,"description":14},94261,"Payroll integration","",{"title":16,"description":17,"og_image":18},"Payroll integration screen examples - Nicelydone","Payroll integration screen design examples from SaaS apps. Browse examples from Found, Mangomint, Expensify.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e09b331-f110-45bd-beda-fda1fa82c84e.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Payroll integration screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"27 screens",[34,107,162,218,260,289,321,353,382],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":77,"app":90},"4e09b331-f110-45bd-beda-fda1fa82c84e","Found","Detail page where the user views a partner offer for Gusto payroll services, including a one-month free trial, within their business toolkit.","\u002Fexamples\u002Fapps\u002Ffound\u002Fscreens",3024,1776,"Found from Found","2026-03-30T13:28:50.000Z","screen",[45,54,60,69],{"id":46,"label":47,"slug":48,"rank":49,"group":50},79,"Browse","browse",0,{"id":51,"label":52,"slug":53},8,"Pages & Content","pages-and-content",{"id":55,"label":56,"slug":57,"rank":58,"group":59},82,"Media Detail","media-detail",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},130,"Checkout","checkout",2,{"id":66,"label":67,"slug":68},14,"Payments & Checkout","payments-and-checkout",{"id":70,"label":71,"slug":72,"rank":73,"group":74},91,"Trial","trial",3,{"id":10,"label":75,"slug":76},"Plans & Limits","plans-and-limits",[78,82,86],{"id":79,"title":80,"slug":81},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},260,"Badge","badge",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":91,"title":36,"logo":92,"baseline":93,"categories":94},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png","Smarter banking for your business",[95,99,103],{"id":96,"title":97,"slug":98},36,"Finance","finance",{"id":100,"title":101,"slug":102},39,"Payments","payments",{"id":104,"title":105,"slug":106},56,"Accounting","accounting",{"uuid":108,"title":109,"description":110,"canonical_path":111,"image":112,"width":39,"height":113,"image_alt":114,"published_at":115,"kind":43,"patterns":116,"component_categories":125,"app":148},"ff5c5b32-a5aa-4530-90de-448fa625f378","Highest-Rated Barbershop Software | Mangomint","Marketing use case page for barbershops highlighting platform capabilities like online booking, payroll, and payments, concluding with a prompt to start a trial or book a demo.","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff5c5b32-a5aa-4530-90de-448fa625f378.png",26544,"Highest-Rated Barbershop Software | Mangomint from Mangomint","2025-05-19T12:33:31.000Z",[117],{"id":118,"label":119,"slug":120,"rank":49,"group":121},139,"Use Case Page","use-case-page",{"id":122,"label":123,"slug":124},15,"Marketing Page Types","marketing-page-types",[126,130,134,138,139,143,144],{"id":127,"title":128,"slug":129},232,"Testimonial","testimonial",{"id":131,"title":132,"slug":133},189,"FAQ","faq",{"id":135,"title":136,"slug":137},168,"Accordion","accordion",{"id":83,"title":84,"slug":85},{"id":140,"title":141,"slug":142},258,"Header","header",{"id":87,"title":88,"slug":89},{"id":145,"title":146,"slug":147},202,"Footer","footer",{"slug":149,"title":150,"logo":151,"baseline":152,"categories":153},"mangomint","Mangomint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F25bad55a-e8c6-455f-a94a-ec8e1b845320.png","Everything you need to power your salon and spa",[154,158],{"id":155,"title":156,"slug":157},41,"Health and Wellness","health-and-wellness",{"id":159,"title":160,"slug":161},101,"Calendar","calendar",{"uuid":163,"title":164,"description":165,"canonical_path":166,"image":167,"width":39,"height":168,"image_alt":169,"published_at":170,"kind":43,"patterns":171,"component_categories":207,"app":210},"b35f2e0b-7e7b-4eff-8e51-3f8acc99f4cb","7 New Expensify","Settings page where the user manages expense categories for a workspace, currently viewing details and accounting codes for the 'Benefits 01' category.","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb35f2e0b-7e7b-4eff-8e51-3f8acc99f4cb.png",1686,"7 New Expensify from Expensify","2024-10-08T09:42:19.000Z",[172,180,188,195,199],{"id":173,"label":174,"slug":175,"rank":49,"group":176},102,"Settings","settings",{"id":177,"label":178,"slug":179},10,"Settings & Admin","settings-and-admin",{"id":181,"label":182,"slug":183,"rank":58,"group":184},47,"Table","table",{"id":185,"label":186,"slug":187},4,"Data & Analysis","data-and-analysis",{"id":189,"label":190,"slug":191,"rank":64,"group":192},11,"Edit","edit",{"id":64,"label":193,"slug":194},"Actions","actions",{"id":10,"label":196,"slug":197,"rank":73,"group":198},"Delete","delete",{"id":64,"label":193,"slug":194},{"id":200,"label":201,"slug":202,"rank":185,"group":203},71,"Workspace Switcher","workspace-switcher",{"id":204,"label":205,"slug":206},6,"Navigation & Commands","navigation-and-commands",[208,209],{"id":79,"title":80,"slug":81},{"id":87,"title":88,"slug":89},{"slug":211,"title":212,"logo":213,"baseline":214,"categories":215},"expensify","Expensify","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexpensify-186d76c0.png","The expense management app that does it all",[216,217],{"id":96,"title":97,"slug":98},{"id":104,"title":105,"slug":106},{"uuid":219,"title":220,"description":221,"canonical_path":222,"image":223,"width":39,"height":224,"image_alt":225,"published_at":226,"kind":43,"patterns":227,"component_categories":241,"app":247},"8e0194a0-28ad-4870-b301-c9be28d84f4e","Gusto","Onboarding step where the user chooses whether to manage their existing health benefits with Gusto or manually via two distinct option cards.","\u002Fexamples\u002Fapps\u002Fgusto\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e0194a0-28ad-4870-b301-c9be28d84f4e.png",1718,"Gusto from Gusto","2023-12-18T13:54:07.000Z",[228,236],{"id":229,"label":230,"slug":231,"rank":49,"group":232},75,"Setup Wizard","setup-wizard",{"id":233,"label":234,"slug":235},7,"Onboarding & Education","onboarding-and-education",{"id":237,"label":238,"slug":239,"rank":58,"group":240},23,"Select","select",{"id":64,"label":193,"slug":194},[242,246],{"id":243,"title":244,"slug":245},174,"Card","card",{"id":87,"title":88,"slug":89},{"slug":248,"title":220,"logo":249,"baseline":250,"categories":251},"gusto","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgusto-5e46599d.png","The all-in-one people platform for Payroll, Benefits, HR",[252,255,256],{"id":177,"title":253,"slug":254},"Human resources","human-resources",{"id":104,"title":105,"slug":106},{"id":257,"title":258,"slug":259},64,"Recruiting","recruiting",{"uuid":261,"title":262,"description":263,"canonical_path":264,"image":265,"width":39,"height":266,"image_alt":267,"published_at":268,"kind":43,"patterns":269,"component_categories":275,"app":281},"8b0a65a8-437b-40d1-88c1-2f09c741b95c","PayFit Integration | Leapsome","Feature page detailing the PayFit integration with Leapsome, highlighting automated user data syncing and offering a demo request form.","\u002Fexamples\u002Fapps\u002Fleapsome\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b0a65a8-437b-40d1-88c1-2f09c741b95c.png",11580,"PayFit Integration | Leapsome from Leapsome","2023-08-07T13:41:49.000Z",[270],{"id":271,"label":272,"slug":273,"rank":49,"group":274},138,"Feature Page","feature-page",{"id":122,"label":123,"slug":124},[276,277,278,279,280],{"id":83,"title":84,"slug":85},{"id":243,"title":244,"slug":245},{"id":140,"title":141,"slug":142},{"id":87,"title":88,"slug":89},{"id":145,"title":146,"slug":147},{"slug":282,"title":283,"logo":284,"baseline":285,"categories":286},"leapsome","Leapsome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleapsome-0fe97911.png","People enablement platform",[287,288],{"id":177,"title":253,"slug":254},{"id":257,"title":258,"slug":259},{"uuid":290,"title":291,"description":292,"canonical_path":293,"image":294,"width":39,"height":295,"image_alt":296,"published_at":297,"kind":43,"patterns":298,"component_categories":304,"app":310},"0abc1658-274f-4949-8f5b-4454a9b54a49","AngelList - People","Product page for a startup compensation tool detailing features like market benchmarking, automated offers, and leveling, alongside tiered pricing and integration partners.","\u002Fexamples\u002Fapps\u002Fangellist\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0abc1658-274f-4949-8f5b-4454a9b54a49.png",20622,"AngelList - People from Angellist","2023-07-10T14:53:04.000Z",[299],{"id":300,"label":301,"slug":302,"rank":49,"group":303},137,"Product Page","product-page",{"id":122,"label":123,"slug":124},[305,306,307,308,309],{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":243,"title":244,"slug":245},{"id":140,"title":141,"slug":142},{"id":145,"title":146,"slug":147},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"angellist","Angellist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fangellist-c5f0f682.png","Build, Lead, Invest",[316,317],{"id":96,"title":97,"slug":98},{"id":318,"title":319,"slug":320},63,"Startups","startups",{"uuid":322,"title":323,"description":324,"canonical_path":325,"image":326,"width":39,"height":327,"image_alt":328,"published_at":329,"kind":43,"patterns":330,"component_categories":333,"app":337},"e1efde9f-d3dc-4c3a-bc99-84ee2d2511ac","Team Management and Shift Scheduling Features | Square","Feature page detailing tools for scheduling, permissions, time tracking, and payroll integration for team management.","\u002Fexamples\u002Fapps\u002Fsquare\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1efde9f-d3dc-4c3a-bc99-84ee2d2511ac.png",19846,"Team Management and Shift Scheduling Features | Square from Square","2023-02-03T00:06:22.000Z",[331],{"id":271,"label":272,"slug":273,"rank":49,"group":332},{"id":122,"label":123,"slug":124},[334,335,336],{"id":243,"title":244,"slug":245},{"id":140,"title":141,"slug":142},{"id":145,"title":146,"slug":147},{"slug":338,"title":339,"logo":340,"baseline":341,"categories":342},"square","Square","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsquare-237bc1bf.png","Making commerce easy",[343,344,348,349],{"id":96,"title":97,"slug":98},{"id":345,"title":346,"slug":347},54,"Mobile","mobile",{"id":100,"title":101,"slug":102},{"id":350,"title":351,"slug":352},90,"Business","business",{"uuid":354,"title":355,"description":356,"canonical_path":357,"image":358,"width":359,"height":360,"image_alt":361,"published_at":362,"kind":43,"patterns":363,"component_categories":366,"app":374},"799dc656-6dfc-49af-928a-03947b926c79","Manage expenses and payroll easily within the same tool","Marketing feature page explaining how the product handles employee expenses and receipt scanning, ending with a prompt to book a demo.","\u002Fexamples\u002Fapps\u002Fpayfit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpayfit_features_8b7e8f65_nicelydone.png",3072,7154,"Manage expenses and payroll easily within the same tool from Payfit","2021-03-24T21:02:12.000Z",[364],{"id":271,"label":272,"slug":273,"rank":49,"group":365},{"id":122,"label":123,"slug":124},[367,371,372,373],{"id":368,"title":369,"slug":370},277,"Button group","button-group",{"id":243,"title":244,"slug":245},{"id":140,"title":141,"slug":142},{"id":145,"title":146,"slug":147},{"slug":375,"title":376,"logo":377,"baseline":378,"categories":379},"payfit","Payfit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpayfit-a4c944d9.png","Reinventing Payroll and HR",[380,381],{"id":177,"title":253,"slug":254},{"id":104,"title":105,"slug":106},{"uuid":383,"title":384,"description":385,"canonical_path":386,"image":387,"width":359,"height":388,"image_alt":389,"published_at":390,"kind":43,"patterns":391,"component_categories":394,"app":403},"103c815d-d7b9-4ea3-a0d7-ce068efd63d6","Time & Attendance Software | Rippling","Feature page where Rippling showcases its time and attendance product, highlighting automated workflows, compliance rules, and job code reporting.","\u002Fexamples\u002Fapps\u002Frippling\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frippling_features_aaa4213c_nicelydone.png",15398,"Time & Attendance Software | Rippling from Rippling","2021-02-28T18:43:02.000Z",[392],{"id":271,"label":272,"slug":273,"rank":49,"group":393},{"id":122,"label":123,"slug":124},[395,399,400,401,402],{"id":396,"title":397,"slug":398},233,"Tabs","tabs",{"id":127,"title":128,"slug":129},{"id":140,"title":141,"slug":142},{"id":87,"title":88,"slug":89},{"id":145,"title":146,"slug":147},{"slug":404,"title":405,"logo":406,"baseline":407,"categories":408},"rippling","Rippling","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frippling-6287453d.png","The employee management platform",[409,410],{"id":177,"title":253,"slug":254},{"id":96,"title":97,"slug":98},[],[413,415,417,419,421,423,425,427,429,431,433,435,438,441,444,447,450,453,456,459],{"label":47,"to":414,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":62,"to":416,"count":58},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":196,"to":418,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":190,"to":420,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":56,"to":422,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":238,"to":424,"count":58},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":174,"to":426,"count":58},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":230,"to":428,"count":58},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":182,"to":430,"count":58},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":71,"to":432,"count":58},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":201,"to":434,"count":58},"\u002Fexamples\u002Fscreens\u002Fworkspace-switcher",{"label":436,"to":437},"Found design examples","\u002Fexamples\u002Fapps\u002Ffound",{"label":439,"to":440},"Mangomint design examples","\u002Fexamples\u002Fapps\u002Fmangomint",{"label":442,"to":443},"Expensify design examples","\u002Fexamples\u002Fapps\u002Fexpensify",{"label":445,"to":446},"Gusto design examples","\u002Fexamples\u002Fapps\u002Fgusto",{"label":448,"to":449},"Leapsome design examples","\u002Fexamples\u002Fapps\u002Fleapsome",{"label":451,"to":452},"Angellist design examples","\u002Fexamples\u002Fapps\u002Fangellist",{"label":454,"to":455},"Square design examples","\u002Fexamples\u002Fapps\u002Fsquare",{"label":457,"to":458},"Payfit design examples","\u002Fexamples\u002Fapps\u002Fpayfit",{"label":460,"to":461},"Rippling design examples","\u002Fexamples\u002Fapps\u002Frippling",{"published_at":463,"updated_at":464},"2021-02-28T18:37:06.000Z","2026-09-05T20:19:45.143Z"]