Search blocks by description or jump to a page.
A split signup screen in an inset tray: bare brand mark, email and Google pills, and a legal line beside a render over a caption carousel.
The source for every Modern SaaS block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
Split Signup Showcase keeps the form short and gives the other half of the screen to the product. The page is a muted inset tray and the screen sits 8px inside it, rounded and hairlined, so the whole view reads as one object. The form half holds a bare brand mark, a heading, a two line lede, a primary email pill and a ghost Google pill, then a two tone legal line; the sign in line is pinned to the foot.
The showcase half sets a product render on the muted token with a caption below it. The caption is a small carousel: it autoplays through three highlights, changing only the text, while the render stays put. It pauses when the visitor hovers or focuses it, the dots jump to any slide, and it holds still for anyone who prefers reduced motion. The render is sized against the pane with container query units, so it keeps the same proportion on a laptop and a large monitor, and its edges feather into the pane so no image box shows. On small screens the showcase steps aside and the form fills the screen.
Use it for a sign up page that should feel like part of the brand rather than a bare form: a product with a strong visual identity, a new launch, or any flow where a few clear promises beside the form help the visitor commit. Two actions keep the choice simple.
A natural flow around it:
Before
After
slides array. Keep
them to the same length so the caption holds its height, and change
INTERVAL to set the pace.Tip: three slides is plenty. Visitors are here to sign up, so the carousel should reward a glance, not ask to be watched.