Forms

Complete form patterns for common use cases — authentication, profile editing, and settings.

Standard authentication form with email/password fields, social login options, and a forgot password link.

Welcome back

Or continue with

Profile Form

Two-column profile editing form with avatar upload, text fields, and save/cancel actions.

Edit Profile

First name

Last name

Bio

Avatar

Click to upload or drag and drop

PNG, JPG up to 4MB

Settings panel with labeled switch rows for granular control over notification channels.

Notification Preferences

Choose what you want to be notified about.

Marketing emails

Receive product updates, tips, and promotional offers.

Security alerts

Get notified about suspicious login activity on your account.

Product updates

News about new features, improvements, and releases.

Comment notifications

Get notified when someone replies to your comments.

Mentions

Get notified when someone mentions you in a conversation.