Fieldbook
Sign in

Pages

Muted social login

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

Using Muted social login

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

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

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

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.
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.
Social sign-in card
2753Social sign-in cardPagesA sign-in page card on a tinted background that leads with full-width provider buttons, then offers an email and password fallback with terms fine print below.
Split cover login
2754Split cover loginPagesA two-column login page with a centered sign-in form beside a full-bleed decorative cover panel that drops away on narrow screens.
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.