[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fremote\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":41,"showcases":322,"links":323,"dates":381},"\u002Fexamples\u002Fapps\u002Fremote\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Remote product screens examples - Nicelydone","Browse Remote screen design examples. Preview the interface screenshots and explore related UI patterns. Global HR solutions for distributed teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8962bc2c-5432-4094-bb8a-f89f863d438d.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 product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Remote","remote","Global HR solutions for distributed teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fremote-25cf8415.png","https:\u002F\u002Fremote.com",[35,39],{"id":36,"title":37,"slug":38},10,"Human resources","human-resources",{"id":40,"title":29,"slug":30},89,[42,71,110,141,159,192,223,244,272,300],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"patterns":50,"component_categories":60,"app":69},"8962bc2c-5432-4094-bb8a-f89f863d438d","Welcome back!","Sign-in screen where the user authenticates with email and password or chooses to log in via SSO.",3024,1718,"Welcome back! from Remote","screen",[51],{"id":52,"label":53,"slug":54,"rank":55,"group":56},2,"Forgot Password","forgot-password",0,{"id":57,"label":58,"slug":59},1,"Access & Account","access-and-account",[61,65],{"id":62,"title":63,"slug":64},260,"Badge","badge",{"id":66,"title":67,"slug":68},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":46,"height":47,"image_alt":76,"kind":49,"patterns":77,"component_categories":94,"app":108},"64fc364e-177e-40ce-98b7-76050512173a","Global HR Solutions | Employment Tools for Distributed Teams  Remo","Landing page where a modal prompts the user to start onboarding by entering their name and company details, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64fc364e-177e-40ce-98b7-76050512173a.png","Global HR Solutions | Employment Tools for Distributed Teams  Remo from Remote",[78,86],{"id":79,"label":80,"slug":81,"rank":55,"group":82},75,"Setup Wizard","setup-wizard",{"id":83,"label":84,"slug":85},7,"Onboarding & Education","onboarding-and-education",{"id":87,"label":88,"slug":89,"rank":57,"group":90},116,"Error","error",{"id":91,"label":92,"slug":93},12,"States & Feedback","states-and-feedback",[95,99,103,107],{"id":96,"title":97,"slug":98},258,"Header","header",{"id":100,"title":101,"slug":102},227,"Stepper","stepper",{"id":104,"title":105,"slug":106},284,"Modal","modal",{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":46,"height":115,"image_alt":116,"kind":49,"patterns":117,"component_categories":125,"app":139},"26fbe02f-63d9-4f06-a3c8-fea5477c70ac","Sign up your company. Grow your global team. | Remote","Signup page where a new employer creates an account by entering their company's legal name, email, and password, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26fbe02f-63d9-4f06-a3c8-fea5477c70ac.png",1846,"Sign up your company. Grow your global team. | Remote from Remote",[118,123],{"id":119,"label":120,"slug":121,"rank":55,"group":122},5,"Sign Up","sign-up",{"id":57,"label":58,"slug":59},{"id":87,"label":88,"slug":89,"rank":57,"group":124},{"id":91,"label":92,"slug":93},[126,130,134,138],{"id":127,"title":128,"slug":129},167,"Alert","alert",{"id":131,"title":132,"slug":133},169,"Avatar","avatar",{"id":135,"title":136,"slug":137},174,"Card","card",{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":4,"image":145,"width":46,"height":47,"image_alt":146,"kind":49,"patterns":147,"component_categories":154,"app":157},"cef9ca15-f2d7-40ed-987d-30de5422d6c1","Lets get started | Remote","Onboarding step where the user provides their company name, country, and primary goal to complete their account setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcef9ca15-f2d7-40ed-987d-30de5422d6c1.png","Lets get started | Remote from Remote",[148,152],{"id":57,"label":149,"slug":150,"rank":55,"group":151},"Account Setup","account-setup",{"id":57,"label":58,"slug":59},{"id":79,"label":80,"slug":81,"rank":57,"group":153},{"id":83,"label":84,"slug":85},[155,156],{"id":100,"title":101,"slug":102},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":46,"height":47,"image_alt":164,"kind":49,"patterns":165,"component_categories":184,"app":190},"c40fe334-0880-4a72-b594-55df703ee88b","Dashboard | Remote","Dashboard overlay where the user is prompted to check their inbox and confirm their email address before exploring the platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc40fe334-0880-4a72-b594-55df703ee88b.png","Dashboard | Remote from Remote",[166,171,179],{"id":167,"label":168,"slug":169,"rank":55,"group":170},6,"Verification","verification",{"id":57,"label":58,"slug":59},{"id":172,"label":173,"slug":174,"rank":57,"group":175},41,"Dashboard","dashboard",{"id":176,"label":177,"slug":178},4,"Data & Analysis","data-and-analysis",{"id":180,"label":181,"slug":182,"rank":52,"group":183},114,"Confirmation","confirmation",{"id":91,"label":92,"slug":93},[185,186,187,188,189],{"id":104,"title":105,"slug":106},{"id":62,"title":63,"slug":64},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":161,"description":194,"canonical_path":4,"image":195,"width":46,"height":47,"image_alt":164,"kind":49,"patterns":196,"component_categories":212,"app":221},"74c1e9b1-6237-450a-9566-94a11ace822b","Dashboard for an HR platform where the user is prompted to finish account setup and explore features like adding employees, time off, and compensation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74c1e9b1-6237-450a-9566-94a11ace822b.png",[197,199,204,206],{"id":172,"label":173,"slug":174,"rank":55,"group":198},{"id":176,"label":177,"slug":178},{"id":200,"label":201,"slug":202,"rank":57,"group":203},74,"Onboarding Checklist","onboarding-checklist",{"id":83,"label":84,"slug":85},{"id":57,"label":149,"slug":150,"rank":52,"group":205},{"id":57,"label":58,"slug":59},{"id":207,"label":208,"slug":209,"rank":210,"group":211},73,"Guided Tour","guided-tour",3,{"id":83,"label":84,"slug":85},[213,217,218,219,220],{"id":214,"title":215,"slug":216},214,"Popover","popover",{"id":62,"title":63,"slug":64},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":161,"description":225,"canonical_path":4,"image":226,"width":46,"height":47,"image_alt":164,"kind":49,"patterns":227,"component_categories":237,"app":242},"6b83f85f-c16e-40f3-96c1-7266bced5ae7","Search overlay where the user can type a command or search across the HR platform, invoked over the main dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b83f85f-c16e-40f3-96c1-7266bced5ae7.png",[228,235],{"id":229,"label":230,"slug":231,"rank":55,"group":232},63,"Command Palette","command-palette",{"id":167,"label":233,"slug":234},"Navigation & Commands","navigation-and-commands",{"id":172,"label":173,"slug":174,"rank":57,"group":236},{"id":176,"label":177,"slug":178},[238,239,240,241],{"id":62,"title":63,"slug":64},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":161,"description":246,"canonical_path":4,"image":247,"width":46,"height":47,"image_alt":164,"kind":49,"patterns":248,"component_categories":263,"app":270},"07653f4f-fc9a-4731-b0c5-a28594e0d0d7","Home screen where the user views an empty inbox modal over a setup checklist and product tour cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07653f4f-fc9a-4731-b0c5-a28594e0d0d7.png",[249,251,256,258],{"id":172,"label":173,"slug":174,"rank":55,"group":250},{"id":176,"label":177,"slug":178},{"id":252,"label":253,"slug":254,"rank":57,"group":255},115,"Empty State","empty-state",{"id":91,"label":92,"slug":93},{"id":200,"label":201,"slug":202,"rank":52,"group":257},{"id":83,"label":84,"slug":85},{"id":259,"label":260,"slug":261,"rank":210,"group":262},122,"Success","success",{"id":91,"label":92,"slug":93},[264,265,266,267,268,269],{"id":127,"title":128,"slug":129},{"id":104,"title":105,"slug":106},{"id":62,"title":63,"slug":64},{"id":131,"title":132,"slug":133},{"id":135,"title":136,"slug":137},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":271},[],{"uuid":273,"title":274,"description":275,"canonical_path":4,"image":276,"width":46,"height":47,"image_alt":277,"kind":49,"patterns":278,"component_categories":295,"app":298},"5ab0cca5-0d2a-4417-ad6d-d67bba86aa85","Add a new hire | Remote","Wizard step where the user selects whether to add an employee or a contractor to their team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ab0cca5-0d2a-4417-ad6d-d67bba86aa85.png","Add a new hire | Remote from Remote",[279,286,293],{"id":280,"label":281,"slug":282,"rank":55,"group":283},133,"Invite Teammates","invite-teammates",{"id":52,"label":284,"slug":285},"Actions","actions",{"id":287,"label":288,"slug":289,"rank":57,"group":290},104,"Team Management","team-management",{"id":36,"label":291,"slug":292},"Settings & Admin","settings-and-admin",{"id":79,"label":80,"slug":81,"rank":52,"group":294},{"id":83,"label":84,"slug":85},[296,297],{"id":135,"title":136,"slug":137},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":299},[],{"uuid":301,"title":274,"description":302,"canonical_path":4,"image":303,"width":46,"height":47,"image_alt":277,"kind":49,"patterns":304,"component_categories":317,"app":320},"8ae0c8f9-76c5-4773-ad53-fa660246e704","Modal blocking access to a feature until the user finishes setting up their account by adding missing company details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ae0c8f9-76c5-4773-ad53-fa660246e704.png",[305,313,315],{"id":306,"label":307,"slug":308,"rank":55,"group":309},88,"Feature Gate","feature-gate",{"id":310,"label":311,"slug":312},9,"Plans & Limits","plans-and-limits",{"id":57,"label":149,"slug":150,"rank":57,"group":314},{"id":57,"label":58,"slug":59},{"id":180,"label":181,"slug":182,"rank":52,"group":316},{"id":91,"label":92,"slug":93},[318,319],{"id":104,"title":105,"slug":106},{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":321},[],[],[324,326,328,330,332,334,336,338,340,342,344,346,348,351,354,357,360,363,365,369,373,377],{"label":173,"to":325},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":149,"to":327},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":80,"to":329},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":181,"to":331},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":88,"to":333},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":201,"to":335},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":230,"to":337},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":253,"to":339},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":307,"to":341},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":53,"to":343},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":208,"to":345},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":281,"to":347},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":349,"to":350},"Remote marketing pages","\u002Fexamples\u002Fapps\u002Fremote\u002Fmarketing",{"label":352,"to":353},"Remote user flows","\u002Fexamples\u002Fapps\u002Fremote\u002Fflows",{"label":355,"to":356},"Remote UI components","\u002Fexamples\u002Fapps\u002Fremote\u002Fcomponents",{"label":358,"to":359},"Human resources app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhuman-resources",{"label":361,"to":362},"Remote app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fremote",{"label":364,"to":18},"All SaaS app examples",{"label":366,"to":367,"description":368},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":370,"to":371,"description":372},"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":374,"to":375,"description":376},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":378,"to":379,"description":380},"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":382,"updated_at":383},"2021-12-05T07:32:47.000Z","2026-09-13T13:02:39.000Z"]