Pages

Split cover login

A two-column login page with a centered sign-in form beside a full-bleed decorative cover panel that drops away on narrow screens.

Acme Inc.

Using Split cover login

A two-column login page with a centered sign-in form beside a full-bleed decorative cover panel that drops away on narrow screens.

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: brandName, accentColor, imageSide

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

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.

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.

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.

2755Split cover signupPagesA two column signup page: a narrow centered form with a brand mark on one side and a full bleed illustrated cover on the other, collapsing to a single column when narrow.

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.

2739Minimal email loginPagesA password-free login page with a small brand mark, a welcome heading, one required email field, a single submit button, and two alternate sign-in options below a divider.