Split Image Panel

A full-bleed image panel that accepts any overlay content as children. Use it as the right column in split-screen layouts — auth pages, landing pages, marketing sections, and more.

Image only

Pass just imageSrc and no children for a full-bleed image with no overlay — useful for corporate or product imagery.

previewcode

With overlay content

Pass any JSX as children. The panel renders it inside a gradient overlay anchored to the bottom of the image.

previewcode

We've been using PixelPlay to kick start every new project and can't imagine working without it. It's incredible.

Fleur Cook

Founder, Catalog

With navigation

Manage carousel state in the parent and pass updated imageSrc and children on each step — the panel re-renders the image and overlay seamlessly.

previewcode

We've been using PixelPlay to kick start every new project and can't imagine working without it. It's incredible.

Fleur Cook

Web Design Agency