Skip to content
Whimsical logo

Whimsical design examples

Explore Whimsical UI design examples. The hub for visual collaboration

Product screens

Log in to Whimsical from Whimsical
Whimsical logo
Whimsical

Sign-in screen where the user authenticates with their email and password or via Google OAuth.

Forgot password | Whimsical from Whimsical
Whimsical logo
Whimsical

Password recovery screen where the user enters their email address to request a reset link.

Forgot password | Whimsical from Whimsical
Whimsical logo
Whimsical

Password recovery screen confirming that a reset link has been sent to the user's email, featuring a simple return link.

Sign up for free without a credit card from Whimsical
Whimsical logo
Whimsical

Signup screen where the user creates an account by entering their name, work email, and password, or by authenticating via Google.

Email verification from Whimsical
Whimsical logo
Whimsical

Verification screen where the user is prompted to check their inbox to confirm their email address, with options to resend the email or use a different account if they are having trouble.

Workspace setup from Whimsical
Whimsical logo
Whimsical

Onboarding step where the user names their new workspace and configures auto-join permissions for coworkers from a specific domain.

Workspace setup from Whimsical
Whimsical logo
Whimsical

Onboarding step where the user names their new workspace, configures auto-join permissions for coworkers, and opts to send email invitations.

Invite people from Whimsical
Whimsical logo
Whimsical

Onboarding step where the user invites teammates by entering email addresses and assigning them an Editor or Viewer role.

Sign Up | Whimsical from Whimsical
Whimsical logo
Whimsical

Onboarding step where the user selects their primary use cases for the product, such as flowcharts, brainstorming, or UX design, from a grid of options.

My Files from Whimsical
Whimsical logo
Whimsical

List view where the user browses their workspace files and folders, with prominent quick actions to create new boards, docs, or folders.

Getting Started from Whimsical
Whimsical logo
Whimsical

Design editor canvas where the user is viewing a "Getting Started" whiteboard with a floating tool palette, navigation sidebar, and zoom controls.

Getting Started from Whimsical
Whimsical logo
Whimsical

Design editor canvas showing a getting started tutorial with a floating tools menu open.

Browse the full SaaS app library

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

Trusted by the best teams