Fieldbook
Sign in

Pages

Signup card with photo

A 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.

Using Signup card with photo

A 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.

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, providerCount

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Account signup
2731Account signupPagesA centered signup page with an email field, a primary create-account button, a divider, and two secondary continue-with buttons for alternate identity providers.
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.
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.
Detailed signup card
2734Detailed signup cardPagesA centered signup card collecting full name, email, password and confirmation, each with a helper line, before a primary create-account button.
Signup page with social
2750Signup page with socialPagesA card-free signup page collecting name, email and matching passwords above one outlined alternate provider button and a centered sign-in link.
Simple sign-in card
2752Simple sign-in cardPagesA 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.