Fieldbook
Sign in

Pages

Simple sign-in card

A centered sign-in page card with a labeled email field, a password field with a forgot-password link, a primary submit button and an outlined alternate provider button.

Using Simple sign-in card

A centered sign-in page card with a labeled email field, a password field with a forgot-password link, a primary submit button and an outlined alternate provider button.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: heading, accentColor, showAltProvider, providerLabel

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Sign-in card with photo
2747Sign-in card with photoPagesA wide sign-in card split into a form half and a photo half, centered on a tinted page, with icon-only provider buttons.
Minimal email sign in
2740Minimal email sign inPagesA password-free sign-in page with a brand mark, a welcome heading, one email field, a primary button, and two alternative sign-in options below a divider.
Muted social login
2742Muted social loginPagesA full login page on a gently tinted background with a brand mark, two social sign-in buttons, a divider, and an email and password form in one card.
Signup card on tint
2748Signup card on tintPagesA centered signup card on a tinted page background, pairing the password and confirm-password fields side by side under one shared helper line.
Signup card with photo
2749Signup card with photoPagesA wide signup card split into a form half and a clipped photo half, collecting email and paired passwords before a row of icon-only provider buttons.
Simple centered login
2751Simple centered loginPagesA centered sign-in page card with email and password fields, a full-width submit button, an optional single sign-on button and a link to create an account.