Two-column layout with media on left and content on right. Animated elements with grid structure.
Examples
Installation
Other Media Components
View all Media componentsMedia Split 01
Split layout with media on left and content on right. Full-bleed 50vw image with animated content section.
Media Split 02
Split layout with content on left and media on right. Full-height 50vw image on desktop.
Media Split 03
Full bleed layout with edge-to-edge background image and centered content overlay.
Media Split 04
Full bleed layout with background image and left-aligned content with asymmetric design.
Media Split 05
Split layout with content section on left and full-height media on right. Includes background accent color.
Media Split 06
Split layout with full-height media on left and content section on right. Includes background accent color.
Media Split 07
Two-column layout with content on left and media on right. Animated elements with grid structure.
Media Stack 01
Vertical layout with content on top and large full-width media image below.