Bloom Logo

Authentication Layouts

Explore clean, conversion-focused login and sign-up templates built using Bloom's component system and validated with Zod.

Classic Card

A standard, centered card interface suitable for SaaS logins, dashboards, and settings views.

Welcome Back

Enter your credentials below to access your account dashboard.

Or continue with

Split Screen Banner

A modern login layout featuring a split graphic/testimonial panel and full sign-up form.

Get Started

Create your free account and explore the platform today.

Modern Minimalist

A distraction-free verification panel with a clean icon header and subtle card shadow.

Confirm Credentials

Please verify your credentials to confirm authorization.

Image Split Panel

A two-column layout with a full-height image on the left and a solid Card login form on the right — clean and conversion-focused.

Sign In

Enter your credentials to access your workspace.

or

Don't have an account? Create one free

OTP / Two-Factor Verification

A clean two-step verification screen using the InputOTP component for email or SMS code confirmation.

Check your email

We sent a 6-digit verification code to gui@bloom.dev

Didn't receive it? Resend code

Social Login with Recent Accounts

A provider-first login screen with OAuth buttons, email fallback, and pressable Card entries for recent accounts.

App Logo

Continue to Bloom

Choose your preferred login method

or

Recent accounts

G

Guilherme Bus

gui@bloom.dev

S

Sarah Mendes

sarah@company.com

Password Reset

A password update card featuring real-time requirements check and strength meter verification.

Reset Password

Choose a strong password to protect and secure your account.

Password StrengthEmpty
  • At least 8 characters
  • At least one uppercase letter
  • At least one lowercase letter
  • At least one number
  • At least one special character

Sign Up with Strength Meter

A comprehensive registration form showing password strength meter on focus.

Create Account

Join us to get started with your new workspace.

Multi-Step Registration

A registration wizard utilizing a Stepper progress flow to divide credentials and profile steps.

Register Account

Complete the steps below to setup your new account.

1
2
3