GitHub

Forms

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

Login Form

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

Welcome back
Sign in to your Leucine account
Or continue with

Profile Form

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

Edit Profile

Click to upload or drag and drop

PNG, JPG up to 4MB

Notification Preferences

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.