Knock design examples

Name: Knock
Author: Bertrand

Explore Knock UI design examples. Notifications infrastructure for developers

Product screens

Sign-in screen where the user authenticates with their work email or a Google account.

Sign-in screen where the user is prompted to correct an invalid work email address, with an alternative option to authenticate via Google.

Sign-in screen where the user is authenticating with an email address, currently showing a loading state on the primary button.

Verification screen where the user is instructed to check their email for a magic login link that expires in 5 minutes.

Authentication screen confirming a login link has been sent to the user's email, with options to resend the link or return to the login page.

Signup page where the user creates an account via work email or Google SSO alongside a developer-focused value proposition and social proof.

Onboarding step where the user enters their name to set up their profile.

Onboarding step where the user can opt into the newsletter, join the Slack community, and follow the company on Twitter before continuing.

Onboarding screen where the user follows a step-by-step checklist to configure their workspace, starting with creating their first channel.

Settings page where the user manages integration channels, currently showing an empty state prompting them to create their first channel.

Settings page where the user selects an email provider like AWS SES or Mailgun from a modal to configure a new integration channel.

Detail page for an AWS SES integration where the user can view overview credentials and edit environment-specific configurations.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.