Pages

Signup page with social

A card-free signup page collecting name, email and matching passwords above one outlined alternate provider button and a centered sign-in link.

Using Signup page with social

A card-free signup page collecting name, email and matching passwords above one outlined alternate provider button and a centered sign-in link.

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

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.

2734Detailed signup cardPagesA centered signup card collecting full name, email, password and confirmation, each with a helper line, before a primary create-account button.

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.

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.

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.

2733Centered signup cardPagesA centered page card that collects a full name, email, password and confirmation, each field with a short helper line, plus a connected-account signup button.