Tailscale design examples

Tailscale

Signup screen where the user selects an identity provider like Google, Microsoft, GitHub, Apple, or OIDC to create their network.

• Sign Up
• Account Setup

Tailscale

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.

• Getting Started
• Setup Wizard

Tailscale

Authorization screen where the user confirms connecting their MacBook Pro to their tailnet.

• Confirmation
• Sign In

Tailscale

Sign-in screen where the user is informed their device is successfully logged into their tailnet and will be redirected to the console.

• Success
• Sign In

Tailscale

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.

• Setup Wizard

Tailscale

List view where the user manages connected devices, searches their tailnet, and can add new machines.

• Table
• Search

Tailscale

List view where the user manages connected devices, searches by attributes, and explores setup options via an onboarding banner.

• Table
• Filter & Sort

Tailscale

List view where the user can generate a multi-use invite link to share a specific machine with external users via a modal overlay.

• Invite Teammates
• Team Management

Tailscale

List view of connected network devices where the user is generating a multi-use invite link to share a specific machine.

• Invite Teammates
• Team Management

Tailscale

Modal where the user generates and copies a multi-use invite link to share a specific machine on their network.

• Invite Teammates
• Team Management

Tailscale

List view of connected machines where the user has opened a modal to generate a multi-use invite link to share a specific device.

• Invite Teammates
• Team Management

Tailscale

List view where the user manages connected devices on their network, featuring an onboarding banner for adding more integrations.

• Table
• Files