[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftailscale":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":380,"dates":392},"\u002Fexamples\u002Fapps\u002Ftailscale","detail","apps",true,{"title":9,"description":10,"og_image":11},"Tailscale design examples - Nicelydone","Explore Tailscale UI design examples. Best VPN service for secure networks","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f951581-a8b6-4ac0-b3b8-63cc8f179ff7.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Tailscale design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Tailscale",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftailscale\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Tailscale","tailscale","Best VPN service for secure networks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftailscale-a7f66593.png","https:\u002F\u002Ftailscale.com",[47],{"id":48,"title":49,"slug":50},78,"Security","security",[],[53,371,374,377],{"family":54,"examples":55},"screens",[56,84,136,159,175,190,234,255,287,305,322,346],{"uuid":57,"title":41,"description":58,"canonical_path":29,"image":11,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":63,"component_categories":77,"app":82},"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",[64,73],{"id":65,"label":66,"slug":67,"rank":68,"group":69},5,"Sign Up","sign-up",0,{"id":70,"label":71,"slug":72},1,"Access & Account","access-and-account",{"id":70,"label":74,"slug":75,"rank":70,"group":76},"Account Setup","account-setup",{"id":70,"label":71,"slug":72},[78],{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":83},[],{"uuid":85,"title":41,"description":86,"canonical_path":29,"image":87,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":88,"component_categories":116,"app":134},"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",[89,97,102,108],{"id":90,"label":91,"slug":92,"rank":68,"group":93},72,"Getting Started","getting-started",{"id":94,"label":95,"slug":96},7,"Onboarding & Education","onboarding-and-education",{"id":98,"label":99,"slug":100,"rank":70,"group":101},75,"Setup Wizard","setup-wizard",{"id":94,"label":95,"slug":96},{"id":103,"label":104,"slug":105,"rank":106,"group":107},77,"Welcome","welcome",2,{"id":94,"label":95,"slug":96},{"id":109,"label":110,"slug":111,"rank":112,"group":113},25,"Upload & Download","upload-and-download",3,{"id":106,"label":114,"slug":115},"Actions","actions",[117,121,125,129,133],{"id":118,"title":119,"slug":120},227,"Stepper","stepper",{"id":122,"title":123,"slug":124},240,"Horizontal navigation","horizontal-navigation",{"id":126,"title":127,"slug":128},169,"Avatar","avatar",{"id":130,"title":131,"slug":132},174,"Card","card",{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":135},[],{"uuid":137,"title":41,"description":138,"canonical_path":29,"image":139,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":140,"component_categories":154,"app":157},"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",[141,149],{"id":142,"label":143,"slug":144,"rank":68,"group":145},114,"Confirmation","confirmation",{"id":146,"label":147,"slug":148},12,"States & Feedback","states-and-feedback",{"id":150,"label":151,"slug":152,"rank":70,"group":153},4,"Sign In","sign-in",{"id":70,"label":71,"slug":72},[155,156],{"id":126,"title":127,"slug":128},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":158},[],{"uuid":160,"title":41,"description":161,"canonical_path":29,"image":162,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":163,"component_categories":171,"app":173},"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",[164,169],{"id":165,"label":166,"slug":167,"rank":68,"group":168},122,"Success","success",{"id":146,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":170},{"id":70,"label":71,"slug":72},[172],{"id":126,"title":127,"slug":128},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":41,"description":177,"canonical_path":29,"image":178,"width":59,"height":60,"image_alt":61,"kind":62,"patterns":179,"component_categories":182,"app":188},"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",[180],{"id":98,"label":99,"slug":100,"rank":68,"group":181},{"id":94,"label":95,"slug":96},[183,184,185,186,187],{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":29,"image":194,"width":59,"height":195,"image_alt":196,"kind":62,"patterns":197,"component_categories":219,"app":232},"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",[198,205,210,215],{"id":199,"label":200,"slug":201,"rank":68,"group":202},47,"Table","table",{"id":150,"label":203,"slug":204},"Data & Analysis","data-and-analysis",{"id":206,"label":207,"slug":208,"rank":70,"group":209},22,"Search","search",{"id":106,"label":114,"slug":115},{"id":211,"label":212,"slug":213,"rank":106,"group":214},13,"Filter & Sort","filter-and-sort",{"id":106,"label":114,"slug":115},{"id":94,"label":216,"slug":217,"rank":112,"group":218},"Add & Create","add-and-create",{"id":106,"label":114,"slug":115},[220,224,225,226,230,231],{"id":221,"title":222,"slug":223},233,"Tabs","tabs",{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":227,"title":228,"slug":229},260,"Badge","badge",{"id":79,"title":80,"slug":81},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":233},[],{"uuid":235,"title":192,"description":236,"canonical_path":29,"image":237,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":238,"component_categories":245,"app":253},"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",[239,241,243],{"id":199,"label":200,"slug":201,"rank":68,"group":240},{"id":150,"label":203,"slug":204},{"id":211,"label":212,"slug":213,"rank":70,"group":242},{"id":106,"label":114,"slug":115},{"id":206,"label":207,"slug":208,"rank":106,"group":244},{"id":106,"label":114,"slug":115},[246,250,251,252],{"id":247,"title":248,"slug":249},277,"Button group","button-group",{"id":227,"title":228,"slug":229},{"id":130,"title":131,"slug":132},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":254},[],{"uuid":256,"title":192,"description":257,"canonical_path":29,"image":258,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":259,"component_categories":277,"app":285},"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",[260,265,273,275],{"id":261,"label":262,"slug":263,"rank":68,"group":264},133,"Invite Teammates","invite-teammates",{"id":106,"label":114,"slug":115},{"id":266,"label":267,"slug":268,"rank":70,"group":269},104,"Team Management","team-management",{"id":270,"label":271,"slug":272},10,"Settings & Admin","settings-and-admin",{"id":199,"label":200,"slug":201,"rank":106,"group":274},{"id":150,"label":203,"slug":204},{"id":142,"label":143,"slug":144,"rank":112,"group":276},{"id":146,"label":147,"slug":148},[278,282,283,284],{"id":279,"title":280,"slug":281},284,"Modal","modal",{"id":227,"title":228,"slug":229},{"id":79,"title":80,"slug":81},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":286},[],{"uuid":288,"title":192,"description":289,"canonical_path":29,"image":290,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":291,"component_categories":298,"app":303},"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",[292,294,296],{"id":261,"label":262,"slug":263,"rank":68,"group":293},{"id":106,"label":114,"slug":115},{"id":266,"label":267,"slug":268,"rank":70,"group":295},{"id":270,"label":271,"slug":272},{"id":199,"label":200,"slug":201,"rank":106,"group":297},{"id":150,"label":203,"slug":204},[299,300,301,302],{"id":279,"title":280,"slug":281},{"id":227,"title":228,"slug":229},{"id":130,"title":131,"slug":132},{"id":79,"title":80,"slug":81},{"slug":42,"title":41,"logo":44,"categories":304},[],{"uuid":306,"title":192,"description":307,"canonical_path":29,"image":308,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":309,"component_categories":316,"app":320},"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",[310,312,314],{"id":261,"label":262,"slug":263,"rank":68,"group":311},{"id":106,"label":114,"slug":115},{"id":266,"label":267,"slug":268,"rank":70,"group":313},{"id":270,"label":271,"slug":272},{"id":142,"label":143,"slug":144,"rank":106,"group":315},{"id":146,"label":147,"slug":148},[317,318,319],{"id":279,"title":280,"slug":281},{"id":227,"title":228,"slug":229},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":321},[],{"uuid":323,"title":192,"description":324,"canonical_path":29,"image":325,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":326,"component_categories":335,"app":344},"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",[327,329,331,333],{"id":261,"label":262,"slug":263,"rank":68,"group":328},{"id":106,"label":114,"slug":115},{"id":266,"label":267,"slug":268,"rank":70,"group":330},{"id":270,"label":271,"slug":272},{"id":199,"label":200,"slug":201,"rank":106,"group":332},{"id":150,"label":203,"slug":204},{"id":142,"label":143,"slug":144,"rank":112,"group":334},{"id":146,"label":147,"slug":148},[336,340,341,342,343],{"id":337,"title":338,"slug":339},214,"Popover","popover",{"id":279,"title":280,"slug":281},{"id":227,"title":228,"slug":229},{"id":79,"title":80,"slug":81},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":345},[],{"uuid":347,"title":192,"description":348,"canonical_path":29,"image":349,"width":59,"height":60,"image_alt":196,"kind":62,"patterns":350,"component_categories":365,"app":369},"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",[351,353,361,363],{"id":199,"label":200,"slug":201,"rank":68,"group":352},{"id":150,"label":203,"slug":204},{"id":354,"label":355,"slug":356,"rank":70,"group":357},80,"Files","files",{"id":358,"label":359,"slug":360},8,"Pages & Content","pages-and-content",{"id":206,"label":207,"slug":208,"rank":106,"group":362},{"id":106,"label":114,"slug":115},{"id":211,"label":212,"slug":213,"rank":112,"group":364},{"id":106,"label":114,"slug":115},[366,367,368],{"id":247,"title":248,"slug":249},{"id":227,"title":228,"slug":229},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":370},[],{"family":372,"examples":373},"flows",[],{"family":375,"examples":376},"components",[],{"family":378,"examples":379},"pages",[],[381,383,385,387,389],{"label":382,"to":29},"Tailscale product screens",{"label":384,"to":38},"Tailscale marketing pages",{"label":386,"to":32},"Tailscale user flows",{"label":388,"to":35},"Tailscale UI components",{"label":390,"to":391},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":393,"updated_at":394},"2024-02-05T10:28:51.000Z","2026-09-19T12:10:06.000Z"]