[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fremote\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":42,"showcases":193,"links":194,"dates":228},"\u002Fexamples\u002Fapps\u002Fremote\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Remote UI components examples - Nicelydone","Browse Remote UI component design examples. Preview individual interface elements and explore related component categories. Global HR solutions for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2c79eadc-d8de-4306-8588-8fb0f81fb833.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},"Remote design examples","\u002Fexamples\u002Fapps\u002Fremote",{"label":23,"to":4},"Remote UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Remote UI component design examples. Preview individual interface elements and explore related component categories. Global HR solutions for distributed teams",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Remote","remote","Global HR solutions for distributed teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fremote-25cf8415.png","https:\u002F\u002Fremote.com",[36,40],{"id":37,"title":38,"slug":39},10,"Human resources","human-resources",{"id":41,"title":30,"slug":31},89,[43,58,73,86,99,112,125,138,151,160,170,180],{"uuid":44,"title":45,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"categories":51,"app":56},"60101940-0a66-4724-b8d0-085bc3650722","Hero section with product preview","A hero section featuring a bold headline, descriptive subtext, a primary call-to-action button, and a large product interface preview on a vibrant purple background. A logo wall is visible at the bottom.",3024,1525,"Hero section with product preview from Remote","component",[52],{"id":53,"title":54,"slug":55},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":57},[],{"uuid":59,"title":60,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":65,"kind":50,"categories":66,"app":71},"c3a4776e-9ad8-4c6e-8b26-fb2c50018c50","Remote UI component","A link with a copy icon","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F736040d7-fe10-451c-acc9-0f9509234be1.png",549,166,"UI component from Remote",[67],{"id":68,"title":69,"slug":70},241,"Click to copy","click-to-copy",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":60,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":65,"kind":50,"categories":79,"app":84},"9e67e001-e477-4e6c-bf89-9346c01ac3d5","Payment method selection modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17c62670-9a8a-4361-a867-a3a21526a0f4.png",1902,907,[80],{"id":81,"title":82,"slug":83},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":60,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":65,"kind":50,"categories":92,"app":97},"60465c4e-bdce-4b25-8be1-6e3159ac0896","Salary information card","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fecf36b64-b345-4009-974a-25a81d2f351e.png",1338,1158,[93],{"id":94,"title":95,"slug":96},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":60,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":65,"kind":50,"categories":105,"app":110},"82087cc3-5db5-46d6-aa01-80040e7988d8","A table displaying monthly cost breakdown.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa099e186-1aa1-4ef6-ad18-895db5d1f8fe.png",1665,500,[106],{"id":107,"title":108,"slug":109},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":60,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":65,"kind":50,"categories":118,"app":123},"24280deb-5ad3-48ae-b025-5a01efb12003","A button indicating an unpublished state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F691b8594-52c0-4f98-942e-e5ff0f1b7a3d.png",393,192,[119],{"id":120,"title":121,"slug":122},245,"Tag","tag",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":60,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":65,"kind":50,"categories":131,"app":136},"ef37df96-f153-46d2-8cf4-bc716720ca26","A tabbed navigation bar with a blue indicator","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6ff41c0-84da-4fac-9664-26b9ed562ccc.png",2622,320,[132],{"id":133,"title":134,"slug":135},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":60,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":65,"kind":50,"categories":144,"app":149},"7d7af456-e4b3-485d-a581-aae5ff74eba1","A modal form for basic job details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2c1044ee-0bbc-4a72-9497-3bd969f7ae4a.png",1696,1208,[145],{"id":146,"title":147,"slug":148},243,"Form element","form-element",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":60,"description":153,"canonical_path":4,"image":154,"width":142,"height":155,"image_alt":65,"kind":50,"categories":156,"app":158},"92a97f00-c74f-4a22-bc4b-15fd1b2bb3e4","A job posting card with pricing and details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e9bbb6d-ff02-4963-9b14-132f48689d54.png",844,[157],{"id":81,"title":82,"slug":83},{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":60,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":65,"kind":50,"categories":166,"app":168},"a3dd75ed-2035-47eb-9db7-057c5663d14d","A promotional card about remote talent.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5e5ca08-81ab-4e98-9ad4-c2615b886a9e.png",896,928,[167],{"id":81,"title":82,"slug":83},{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":60,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":65,"kind":50,"categories":176,"app":178},"71e003fc-70db-4032-af8a-52967593f0c1","A welcome screen for a remote talent platform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe5c7738c-6c36-45a7-bc11-fdcc3994b5a9.png",1780,983,[177],{"id":81,"title":82,"slug":83},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":60,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":65,"kind":50,"categories":186,"app":191},"7480fbbf-ff75-4be5-a9ef-4ea00cbc2079","A side navigation menu for a SaaS product.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F00e31c27-2763-4eb6-a623-37409fe31975.png",641,1846,[187],{"id":188,"title":189,"slug":190},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207,210,212,216,220,224],{"label":196,"to":197},"Remote product screens","\u002Fexamples\u002Fapps\u002Fremote\u002Fscreens",{"label":199,"to":200},"Remote marketing pages","\u002Fexamples\u002Fapps\u002Fremote\u002Fmarketing",{"label":202,"to":203},"Remote user flows","\u002Fexamples\u002Fapps\u002Fremote\u002Fflows",{"label":205,"to":206},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":208,"to":209},"Remote app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fremote",{"label":211,"to":18},"All SaaS app examples",{"label":213,"to":214,"description":215},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":217,"to":218,"description":219},"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":221,"to":222,"description":223},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":225,"to":226,"description":227},"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":229,"updated_at":230},"2021-12-05T07:32:47.000Z","2026-09-26T00:10:37.000Z"]