Pages

Sign-in card with photo

A wide sign-in card split into a form half and a photo half, centered on a tinted page, with icon-only provider buttons.

Welcome back

New here? Create an account

Sign-ins are checked against your account activity. Continued use follows the current terms of service.

Using Sign-in card with photo

A wide sign-in card split into a form half and a photo half, centered on a tinted page, with 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

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.

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.

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.

2756Split sign-in pagePagesA two-column login page pairing a narrow form column with a full-height cover image on the opposite side, the image dropping away on small screens.

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.

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.