Sign-in and settings

A password field with a visibility toggle and a four-step strength guide that explains how to improve the entry.

Form field layout with label, description and error that wire their ids to the control automatically, plus fieldset, legend, orientation and invalid/disabled state.

A getting started checklist with a progress ring, a segmented progress bar, expandable steps with an action button and a completion state.

A centered sign-in card with passkey and single sign-on options above an email and password form.

A sign-up form with password strength feedback beside a panel previewing the product and a customer quote.

A verification step with a six-digit code input, a resend countdown and a confirmed state.

The whole password recovery flow in one card: request a link, check your email with a resend countdown, choose a new password, and a success screen.

A four-step setup wizard with a progress rail: name a workspace, pick goals as cards, invite teammates as removable chips, review, then a finish screen.

Profile with username availability, sign-in details with a change-password dialog, preferences, a type-to-confirm delete and a save bar that appears on change.

Settings that save as you go: digest frequency as radio cards, a switch grid for each event and channel, and quiet hours with times and weekdays.

A seats meter, an invite form with role, role filters and search, a member list with role selects, pending invitations and a confirm-before-remove dialog.

A split-screen authentication screen with a branded panel and OAuth.

A complete sign-in flow in eight pages: sign in, sign up with a live password checklist, six-digit email verification, forgot and reset password, a team invite and three-step onboarding, plus a page to compare the centered, split and frosted-glass layouts.

A settings page with a sub-nav, profile form, and notification toggles.

A colourful single-page new-hire onboarding flow with a welcome card, an interactive checklist grouped by week, overall progress ring, and a meet-the-team panel — a vivid, modern 2026 Application UI built from tealmac UI components.