[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fhris-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":427,"links":428,"dates":470},"\u002Fexamples\u002Ftags\u002Fhris-integration","collection","screens",true,{"example_count":9,"app_count":10},15,10,{"id":12,"title":13,"description":14},111997,"HRIS integration","",{"title":16,"description":17,"og_image":18},"HRIS integration screen examples - Nicelydone","HRIS integration screen design examples from SaaS apps. Browse examples from Okta, Travelperk, Qatalog.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9673db82-f0b1-4975-809e-b0e5626cecdb.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"HRIS integration screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"15 screens",[34,76,117,166,212,248,286,329,369,398],{"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":53,"app":66},"9673db82-f0b1-4975-809e-b0e5626cecdb","Human Resources Information Systems","Use case page explaining how the product automates employee onboarding and offboarding by connecting HR and IT systems.","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing",3024,7726,"Human Resources Information Systems from Okta","2026-01-12T12:46:04.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},139,"Use Case Page","use-case-page",0,{"id":9,"label":51,"slug":52},"Marketing Page Types","marketing-page-types",[54,58,62],{"id":55,"title":56,"slug":57},258,"Header","header",{"id":59,"title":60,"slug":61},202,"Footer","footer",{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":67,"title":68,"logo":69,"baseline":70,"categories":71},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[72],{"id":73,"title":74,"slug":75},78,"Security","security",{"uuid":77,"title":78,"description":79,"canonical_path":80,"image":81,"width":39,"height":82,"image_alt":83,"published_at":84,"kind":43,"patterns":85,"component_categories":91,"app":95},"ec137ace-a60e-46af-aa5a-f375d2193b4c","HiBob","Integration detail page for HiBob on the TravelPerk marketplace, outlining key HR features, integration capabilities, and providing CTAs to request a demo or install the app.","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec137ace-a60e-46af-aa5a-f375d2193b4c.png",10026,"HiBob from Travelperk","2025-10-20T12:53:48.000Z",[86],{"id":87,"label":88,"slug":89,"rank":49,"group":90},138,"Feature Page","feature-page",{"id":9,"label":51,"slug":52},[92,93,94],{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"slug":96,"title":97,"logo":98,"baseline":99,"categories":100},"travelperk","Travelperk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","Travel for work made simpler and smarter",[101,105,109,113],{"id":102,"title":103,"slug":104},5,"Travel","travel",{"id":106,"title":107,"slug":108},26,"Events","events",{"id":110,"title":111,"slug":112},36,"Finance","finance",{"id":114,"title":115,"slug":116},56,"Accounting","accounting",{"uuid":118,"title":119,"description":120,"canonical_path":121,"image":122,"width":39,"height":123,"image_alt":124,"published_at":125,"kind":43,"patterns":126,"component_categories":142,"app":148},"1626c8ce-5390-4d23-97b1-935d92dd1b5c","Settings · Qatalog","Settings modal where the user manages active directory connections and triggers manual data syncs for BambooHR or Okta.","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1626c8ce-5390-4d23-97b1-935d92dd1b5c.png",1778,"Settings · Qatalog from Qatalog","2024-11-12T10:59:54.000Z",[127,134],{"id":128,"label":129,"slug":130,"rank":49,"group":131},97,"Integrations","integrations",{"id":10,"label":132,"slug":133},"Settings & Admin","settings-and-admin",{"id":9,"label":135,"slug":136,"rank":137,"group":138},"Import & Export","import-and-export",1,{"id":139,"label":140,"slug":141},2,"Actions","actions",[143,147],{"id":144,"title":145,"slug":146},284,"Modal","modal",{"id":63,"title":64,"slug":65},{"slug":149,"title":150,"logo":151,"baseline":152,"categories":153},"qatalog","Qatalog","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fqatalog-8b19d9e2.png","AI that works with your data",[154,158,162],{"id":155,"title":156,"slug":157},80,"Artificial Intelligence","artificial-intelligence",{"id":159,"title":160,"slug":161},22,"Knowledge Management","knowledge-management",{"id":163,"title":164,"slug":165},55,"Search engine","search-engine",{"uuid":167,"title":168,"description":169,"canonical_path":170,"image":171,"width":39,"height":172,"image_alt":173,"published_at":174,"kind":43,"patterns":175,"component_categories":187,"app":198},"a45d24f3-6375-48bf-b407-5c980f8fc5bd","Auto-fill info | Signatures  Scribe","Settings modal where the user searches and connects third-party HR and identity platforms like BambooHR and Okta to sync teammate data.","\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa45d24f3-6375-48bf-b407-5c980f8fc5bd.png",1658,"Auto-fill info | Signatures  Scribe from Scribe","2024-04-22T08:35:55.000Z",[176,178,182],{"id":128,"label":129,"slug":130,"rank":49,"group":177},{"id":10,"label":132,"slug":133},{"id":159,"label":179,"slug":180,"rank":137,"group":181},"Search","search",{"id":139,"label":140,"slug":141},{"id":183,"label":184,"slug":185,"rank":139,"group":186},104,"Team Management","team-management",{"id":10,"label":132,"slug":133},[188,192,193,197],{"id":189,"title":190,"slug":191},227,"Stepper","stepper",{"id":144,"title":145,"slug":146},{"id":194,"title":195,"slug":196},174,"Card","card",{"id":63,"title":64,"slug":65},{"slug":199,"title":200,"logo":201,"baseline":202,"categories":203},"scribe-mail","Scribe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscribe-35ea7c94.png","Email signatures marketing on auto-pilot",[204,208],{"id":205,"title":206,"slug":207},92,"Email","email",{"id":209,"title":210,"slug":211},25,"Marketing","marketing",{"uuid":213,"title":214,"description":215,"canonical_path":216,"image":217,"width":39,"height":218,"image_alt":219,"published_at":220,"kind":43,"patterns":221,"component_categories":224,"app":235},"a095e318-e81e-44a4-bf1b-52532d5349bd","Settings | Integrations  Leapsome","Settings page where the user can configure a 2-way Slack integration by adding the app to their workspace.","\u002Fexamples\u002Fapps\u002Fleapsome\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa095e318-e81e-44a4-bf1b-52532d5349bd.png",1738,"Settings | Integrations  Leapsome from Leapsome","2023-08-07T13:41:49.000Z",[222],{"id":128,"label":129,"slug":130,"rank":49,"group":223},{"id":10,"label":132,"slug":133},[225,229,233,234],{"id":226,"title":227,"slug":228},240,"Horizontal navigation","horizontal-navigation",{"id":230,"title":231,"slug":232},169,"Avatar","avatar",{"id":194,"title":195,"slug":196},{"id":63,"title":64,"slug":65},{"slug":236,"title":237,"logo":238,"baseline":239,"categories":240},"leapsome","Leapsome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleapsome-0fe97911.png","People enablement platform",[241,244],{"id":10,"title":242,"slug":243},"Human resources","human-resources",{"id":245,"title":246,"slug":247},64,"Recruiting","recruiting",{"uuid":249,"title":250,"description":251,"canonical_path":252,"image":253,"width":39,"height":254,"image_alt":255,"published_at":256,"kind":43,"patterns":257,"component_categories":263,"app":275},"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",[258],{"id":259,"label":260,"slug":261,"rank":49,"group":262},137,"Product Page","product-page",{"id":9,"label":51,"slug":52},[264,268,272,273,274],{"id":265,"title":266,"slug":267},189,"FAQ","faq",{"id":269,"title":270,"slug":271},168,"Accordion","accordion",{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"id":194,"title":195,"slug":196},{"slug":276,"title":277,"logo":278,"baseline":279,"categories":280},"angellist","Angellist","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fangellist-c5f0f682.png","Build, Lead, Invest",[281,282],{"id":110,"title":111,"slug":112},{"id":283,"title":284,"slug":285},63,"Startups","startups",{"uuid":287,"title":288,"description":289,"canonical_path":290,"image":291,"width":39,"height":292,"image_alt":293,"published_at":294,"kind":43,"patterns":295,"component_categories":298,"app":314},"6207e76b-f34d-4dcc-b153-d4dd71e5b652","Directory Sync — WorkOS","Feature page for Directory Sync detailing SCIM provisioning, HRIS integrations, code examples, and transparent pricing for developers.","\u002Fexamples\u002Fapps\u002Fworkos\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6207e76b-f34d-4dcc-b153-d4dd71e5b652.png",9810,"Directory Sync — WorkOS from WorkOs","2023-03-27T20:05:25.000Z",[296],{"id":87,"label":88,"slug":89,"rank":49,"group":297},{"id":9,"label":51,"slug":52},[299,303,307,311,312,313],{"id":300,"title":301,"slug":302},298,"Bento box","bento-grid",{"id":304,"title":305,"slug":306},232,"Testimonial","testimonial",{"id":308,"title":309,"slug":310},233,"Tabs","tabs",{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"id":194,"title":195,"slug":196},{"slug":315,"title":316,"logo":317,"baseline":318,"categories":319},"workos","WorkOs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkos-b22ba394.png","Your app, enterprise-ready",[320,324,328],{"id":321,"title":322,"slug":323},37,"Developer APIs","developer-apis",{"id":325,"title":326,"slug":327},48,"Developer Tools","developer-tools",{"id":73,"title":74,"slug":75},{"uuid":330,"title":331,"description":332,"canonical_path":333,"image":334,"width":335,"height":336,"image_alt":337,"published_at":338,"kind":43,"patterns":339,"component_categories":349,"app":359},"556a4c14-90d1-421a-997d-16e4fd538257","Directory","Directory page where the user views active people, can invite new teammates, and manages teams and integrations.","\u002Fexamples\u002Fapps\u002Ffriday\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F556a4c14-90d1-421a-997d-16e4fd538257.png",3072,1716,"Directory from Friday","2022-03-06T18:45:29.000Z",[340,342,347],{"id":183,"label":184,"slug":185,"rank":49,"group":341},{"id":10,"label":132,"slug":133},{"id":343,"label":344,"slug":345,"rank":137,"group":346},133,"Invite Teammates","invite-teammates",{"id":139,"label":140,"slug":141},{"id":128,"label":129,"slug":130,"rank":139,"group":348},{"id":10,"label":132,"slug":133},[350,351,352,356,357,358],{"id":226,"title":227,"slug":228},{"id":308,"title":309,"slug":310},{"id":353,"title":354,"slug":355},260,"Badge","badge",{"id":230,"title":231,"slug":232},{"id":194,"title":195,"slug":196},{"id":63,"title":64,"slug":65},{"slug":360,"title":361,"logo":362,"baseline":363,"categories":364},"friday","Friday","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffriday-b8c00c34.png","The Digital HQ for working from anywhere",[365],{"id":366,"title":367,"slug":368},14,"Social","social",{"uuid":370,"title":371,"description":372,"canonical_path":373,"image":374,"width":335,"height":375,"image_alt":376,"published_at":377,"kind":43,"patterns":378,"component_categories":384,"app":388},"85b31376-65d6-4cf9-9f73-e31a7f6eef4b","Timso home","Landing page for a hybrid team management tool highlighting features like custom statuses, office space booking, and HRIS integrations, ending with a free trial signup form.","\u002Fexamples\u002Fapps\u002Ftimso\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85b31376-65d6-4cf9-9f73-e31a7f6eef4b.png",10970,"Timso home from Timso","2022-02-20T11:04:53.000Z",[379],{"id":380,"label":381,"slug":382,"rank":49,"group":383},136,"Landing Page","landing-page",{"id":9,"label":51,"slug":52},[385,386,387],{"id":353,"title":354,"slug":355},{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"slug":389,"title":390,"logo":391,"baseline":392,"categories":393},"timso","Timso","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftimso-646ee8e8.png","Hybrid and remote teams became easy to manage now",[394],{"id":395,"title":396,"slug":397},23,"Collaboration","collaboration",{"uuid":399,"title":400,"description":401,"canonical_path":402,"image":403,"width":335,"height":404,"image_alt":405,"published_at":406,"kind":43,"patterns":407,"component_categories":413,"app":418},"393c7b8f-d9eb-4921-bafc-f98163911987","Greenhouse integration | Remote","Settings page where the user configures the Greenhouse integration by adding webhooks for candidate hired and offer created events.","\u002Fexamples\u002Fapps\u002Fremote\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F393c7b8f-d9eb-4921-bafc-f98163911987.png",2272,"Greenhouse integration | Remote from Remote","2021-12-05T07:32:47.000Z",[408],{"id":409,"label":410,"slug":411,"rank":49,"group":412},142,"Integration Page","integration-page",{"id":9,"label":51,"slug":52},[414,415,416,417],{"id":353,"title":354,"slug":355},{"id":230,"title":231,"slug":232},{"id":194,"title":195,"slug":196},{"id":63,"title":64,"slug":65},{"slug":419,"title":420,"logo":421,"baseline":422,"categories":423},"remote","Remote","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fremote-25cf8415.png","Global HR solutions for distributed teams",[424,425],{"id":10,"title":242,"slug":243},{"id":426,"title":420,"slug":419},89,[],[429,432,434,436,438,440,443,446,449,452,455,458,461,464,467],{"label":129,"to":430,"count":431},"\u002Fexamples\u002Fscreens\u002Fintegrations",4,{"label":184,"to":433,"count":139},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":135,"to":435,"count":137},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":344,"to":437,"count":137},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":179,"to":439,"count":137},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":441,"to":442},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":444,"to":445},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":447,"to":448},"Qatalog design examples","\u002Fexamples\u002Fapps\u002Fqatalog",{"label":450,"to":451},"Scribe design examples","\u002Fexamples\u002Fapps\u002Fscribe-mail",{"label":453,"to":454},"Leapsome design examples","\u002Fexamples\u002Fapps\u002Fleapsome",{"label":456,"to":457},"Angellist design examples","\u002Fexamples\u002Fapps\u002Fangellist",{"label":459,"to":460},"WorkOs design examples","\u002Fexamples\u002Fapps\u002Fworkos",{"label":462,"to":463},"Friday design examples","\u002Fexamples\u002Fapps\u002Ffriday",{"label":465,"to":466},"Timso design examples","\u002Fexamples\u002Fapps\u002Ftimso",{"label":468,"to":469},"Remote design examples","\u002Fexamples\u002Fapps\u002Fremote",{"published_at":471,"updated_at":472},"2021-12-04T19:37:25.000Z","2026-09-05T20:19:20.621Z"]