[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftailscale\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":355,"links":356,"dates":411},"\u002Fexamples\u002Fapps\u002Ftailscale\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tailscale product screens examples - Nicelydone","Browse Tailscale screen design examples. Preview the interface screenshots and explore related UI patterns. Best VPN service for secure networks","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f951581-a8b6-4ac0-b3b8-63cc8f179ff7.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},"Tailscale design examples","\u002Fexamples\u002Fapps\u002Ftailscale",{"label":23,"to":4},"Tailscale 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,"twitter_username":30,"categories":34},"Tailscale","tailscale","Best VPN service for secure networks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftailscale-a7f66593.png","https:\u002F\u002Ftailscale.com",[35],{"id":36,"title":37,"slug":38},78,"Security","security",[40,68,120,143,159,174,218,239,271,289,306,330],{"uuid":41,"title":29,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":47,"component_categories":61,"app":66},"0f951581-a8b6-4ac0-b3b8-63cc8f179ff7","Signup screen where the user selects an identity provider like Google, Microsoft, GitHub, Apple, or OIDC to create their network.",3024,1674,"Tailscale from Tailscale","screen",[48,57],{"id":49,"label":50,"slug":51,"rank":52,"group":53},5,"Sign Up","sign-up",0,{"id":54,"label":55,"slug":56},1,"Access & Account","access-and-account",{"id":54,"label":58,"slug":59,"rank":54,"group":60},"Account Setup","account-setup",{"id":54,"label":55,"slug":56},[62],{"id":63,"title":64,"slug":65},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":29,"description":70,"canonical_path":4,"image":71,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":72,"component_categories":100,"app":118},"ad69b9fc-2f1f-4032-bbac-fa9cc629094f","Onboarding screen where the user selects their operating system to download the Tailscale app, while a secondary panel waits for the first device to connect.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad69b9fc-2f1f-4032-bbac-fa9cc629094f.png",[73,81,86,92],{"id":74,"label":75,"slug":76,"rank":52,"group":77},72,"Getting Started","getting-started",{"id":78,"label":79,"slug":80},7,"Onboarding & Education","onboarding-and-education",{"id":82,"label":83,"slug":84,"rank":54,"group":85},75,"Setup Wizard","setup-wizard",{"id":78,"label":79,"slug":80},{"id":87,"label":88,"slug":89,"rank":90,"group":91},77,"Welcome","welcome",2,{"id":78,"label":79,"slug":80},{"id":93,"label":94,"slug":95,"rank":96,"group":97},25,"Upload & Download","upload-and-download",3,{"id":90,"label":98,"slug":99},"Actions","actions",[101,105,109,113,117],{"id":102,"title":103,"slug":104},227,"Stepper","stepper",{"id":106,"title":107,"slug":108},240,"Horizontal navigation","horizontal-navigation",{"id":110,"title":111,"slug":112},169,"Avatar","avatar",{"id":114,"title":115,"slug":116},174,"Card","card",{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":29,"description":122,"canonical_path":4,"image":123,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":124,"component_categories":138,"app":141},"f1a05367-460e-4844-90cc-1ceae6d873f6","Authorization screen where the user confirms connecting their MacBook Pro to their tailnet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1a05367-460e-4844-90cc-1ceae6d873f6.png",[125,133],{"id":126,"label":127,"slug":128,"rank":52,"group":129},114,"Confirmation","confirmation",{"id":130,"label":131,"slug":132},12,"States & Feedback","states-and-feedback",{"id":134,"label":135,"slug":136,"rank":54,"group":137},4,"Sign In","sign-in",{"id":54,"label":55,"slug":56},[139,140],{"id":110,"title":111,"slug":112},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":29,"description":145,"canonical_path":4,"image":146,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":147,"component_categories":155,"app":157},"4d5d3d75-428b-4911-bce6-1217bcdba153","Sign-in screen where the user is informed their device is successfully logged into their tailnet and will be redirected to the console.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d5d3d75-428b-4911-bce6-1217bcdba153.png",[148,153],{"id":149,"label":150,"slug":151,"rank":52,"group":152},122,"Success","success",{"id":130,"label":131,"slug":132},{"id":134,"label":135,"slug":136,"rank":54,"group":154},{"id":54,"label":55,"slug":56},[156],{"id":110,"title":111,"slug":112},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":29,"description":161,"canonical_path":4,"image":162,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":163,"component_categories":166,"app":172},"0a6282d4-df5c-41f9-9a5b-0fc4fb5248f0","Onboarding step where the user is prompted to add a second device to their network by selecting an operating system and copying a download link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a6282d4-df5c-41f9-9a5b-0fc4fb5248f0.png",[164],{"id":82,"label":83,"slug":84,"rank":52,"group":165},{"id":78,"label":79,"slug":80},[167,168,169,170,171],{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":43,"height":179,"image_alt":180,"kind":46,"patterns":181,"component_categories":203,"app":216},"ac08d291-75ea-408a-b878-e6a9a23f62ee","Machines - Tailscale","List view where the user manages connected devices, searches their tailnet, and can add new machines.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac08d291-75ea-408a-b878-e6a9a23f62ee.png",2008,"Machines - Tailscale from Tailscale",[182,189,194,199],{"id":183,"label":184,"slug":185,"rank":52,"group":186},47,"Table","table",{"id":134,"label":187,"slug":188},"Data & Analysis","data-and-analysis",{"id":190,"label":191,"slug":192,"rank":54,"group":193},22,"Search","search",{"id":90,"label":98,"slug":99},{"id":195,"label":196,"slug":197,"rank":90,"group":198},13,"Filter & Sort","filter-and-sort",{"id":90,"label":98,"slug":99},{"id":78,"label":200,"slug":201,"rank":96,"group":202},"Add & Create","add-and-create",{"id":90,"label":98,"slug":99},[204,208,209,210,214,215],{"id":205,"title":206,"slug":207},233,"Tabs","tabs",{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"id":211,"title":212,"slug":213},260,"Badge","badge",{"id":63,"title":64,"slug":65},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":176,"description":220,"canonical_path":4,"image":221,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":222,"component_categories":229,"app":237},"5a3c0cfe-9340-4ec1-90d6-bd69d51ef15a","List view where the user manages connected devices, searches by attributes, and explores setup options via an onboarding banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a3c0cfe-9340-4ec1-90d6-bd69d51ef15a.png",[223,225,227],{"id":183,"label":184,"slug":185,"rank":52,"group":224},{"id":134,"label":187,"slug":188},{"id":195,"label":196,"slug":197,"rank":54,"group":226},{"id":90,"label":98,"slug":99},{"id":190,"label":191,"slug":192,"rank":90,"group":228},{"id":90,"label":98,"slug":99},[230,234,235,236],{"id":231,"title":232,"slug":233},277,"Button group","button-group",{"id":211,"title":212,"slug":213},{"id":114,"title":115,"slug":116},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":176,"description":241,"canonical_path":4,"image":242,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":243,"component_categories":261,"app":269},"682cf6dc-9874-4a5f-9e8a-93c80867491a","List view where the user can generate a multi-use invite link to share a specific machine with external users via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F682cf6dc-9874-4a5f-9e8a-93c80867491a.png",[244,249,257,259],{"id":245,"label":246,"slug":247,"rank":52,"group":248},133,"Invite Teammates","invite-teammates",{"id":90,"label":98,"slug":99},{"id":250,"label":251,"slug":252,"rank":54,"group":253},104,"Team Management","team-management",{"id":254,"label":255,"slug":256},10,"Settings & Admin","settings-and-admin",{"id":183,"label":184,"slug":185,"rank":90,"group":258},{"id":134,"label":187,"slug":188},{"id":126,"label":127,"slug":128,"rank":96,"group":260},{"id":130,"label":131,"slug":132},[262,266,267,268],{"id":263,"title":264,"slug":265},284,"Modal","modal",{"id":211,"title":212,"slug":213},{"id":63,"title":64,"slug":65},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":176,"description":273,"canonical_path":4,"image":274,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":275,"component_categories":282,"app":287},"6da3d4cf-88d1-4272-85e6-e045c7d163ed","List view of connected network devices where the user is generating a multi-use invite link to share a specific machine.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6da3d4cf-88d1-4272-85e6-e045c7d163ed.png",[276,278,280],{"id":245,"label":246,"slug":247,"rank":52,"group":277},{"id":90,"label":98,"slug":99},{"id":250,"label":251,"slug":252,"rank":54,"group":279},{"id":254,"label":255,"slug":256},{"id":183,"label":184,"slug":185,"rank":90,"group":281},{"id":134,"label":187,"slug":188},[283,284,285,286],{"id":263,"title":264,"slug":265},{"id":211,"title":212,"slug":213},{"id":114,"title":115,"slug":116},{"id":63,"title":64,"slug":65},{"slug":30,"title":29,"logo":32,"categories":288},[],{"uuid":290,"title":176,"description":291,"canonical_path":4,"image":292,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":293,"component_categories":300,"app":304},"09107803-11b6-4263-a68e-c961c65e2678","Modal where the user generates and copies a multi-use invite link to share a specific machine on their network.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09107803-11b6-4263-a68e-c961c65e2678.png",[294,296,298],{"id":245,"label":246,"slug":247,"rank":52,"group":295},{"id":90,"label":98,"slug":99},{"id":250,"label":251,"slug":252,"rank":54,"group":297},{"id":254,"label":255,"slug":256},{"id":126,"label":127,"slug":128,"rank":90,"group":299},{"id":130,"label":131,"slug":132},[301,302,303],{"id":263,"title":264,"slug":265},{"id":211,"title":212,"slug":213},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":176,"description":308,"canonical_path":4,"image":309,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":310,"component_categories":319,"app":328},"dea9aa26-36c9-492b-a39a-8198fff6c0c0","List view of connected machines where the user has opened a modal to generate a multi-use invite link to share a specific device.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdea9aa26-36c9-492b-a39a-8198fff6c0c0.png",[311,313,315,317],{"id":245,"label":246,"slug":247,"rank":52,"group":312},{"id":90,"label":98,"slug":99},{"id":250,"label":251,"slug":252,"rank":54,"group":314},{"id":254,"label":255,"slug":256},{"id":183,"label":184,"slug":185,"rank":90,"group":316},{"id":134,"label":187,"slug":188},{"id":126,"label":127,"slug":128,"rank":96,"group":318},{"id":130,"label":131,"slug":132},[320,324,325,326,327],{"id":321,"title":322,"slug":323},214,"Popover","popover",{"id":263,"title":264,"slug":265},{"id":211,"title":212,"slug":213},{"id":63,"title":64,"slug":65},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":329},[],{"uuid":331,"title":176,"description":332,"canonical_path":4,"image":333,"width":43,"height":44,"image_alt":180,"kind":46,"patterns":334,"component_categories":349,"app":353},"1f1b0171-dc09-49c3-abd7-cd07c3eabd5d","List view where the user manages connected devices on their network, featuring an onboarding banner for adding more integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f1b0171-dc09-49c3-abd7-cd07c3eabd5d.png",[335,337,345,347],{"id":183,"label":184,"slug":185,"rank":52,"group":336},{"id":134,"label":187,"slug":188},{"id":338,"label":339,"slug":340,"rank":54,"group":341},80,"Files","files",{"id":342,"label":343,"slug":344},8,"Pages & Content","pages-and-content",{"id":190,"label":191,"slug":192,"rank":90,"group":346},{"id":90,"label":98,"slug":99},{"id":195,"label":196,"slug":197,"rank":96,"group":348},{"id":90,"label":98,"slug":99},[350,351,352],{"id":231,"title":232,"slug":233},{"id":211,"title":212,"slug":213},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":354},[],[],[357,359,361,363,365,367,369,371,373,375,377,379,381,384,387,390,393,395,399,403,407],{"label":184,"to":358},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":127,"to":360},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":246,"to":362},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":251,"to":364},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":196,"to":366},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":191,"to":368},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":83,"to":370},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":135,"to":372},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":58,"to":374},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":200,"to":376},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":339,"to":378},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":75,"to":380},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":382,"to":383},"Tailscale marketing pages","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fmarketing",{"label":385,"to":386},"Tailscale user flows","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fflows",{"label":388,"to":389},"Tailscale UI components","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fcomponents",{"label":391,"to":392},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":394,"to":18},"All SaaS app examples",{"label":396,"to":397,"description":398},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":400,"to":401,"description":402},"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":404,"to":405,"description":406},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":408,"to":409,"description":410},"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":412,"updated_at":413},"2024-02-05T10:28:51.000Z","2026-09-13T13:02:39.000Z"]