Create stunning photo collages with overlapping images, advanced positioning controls, and professional layout presets.

David Degner

Photo Collage transforms the way you display images in WordPress. Build beautiful, magazine-style photo collages with overlapping images, custom positioning, and professional layout presets—all within the familiar block editor interface.
Built by a photographer for photographers. This plugin is specifically designed for creating compelling photo story layouts that bring your visual narratives to life. Whether you’re showcasing a wedding, documenting a journey, or telling any story through images, Photo Collage gives you the creative control you need.
Perfect for photographers, designers, and content creators who want to showcase images in creative, eye-catching arrangements without touching a single line of code.
GitHub Repository: <a href="https://github.com/ddegner/photo-collage" rel="nofollow ugc">https://github.com/ddegner/photo-collage</a>
<h4>Source Code & Build Tools</h4>
All source code is included in this plugin and publicly available.
This plugin uses modern JavaScript build tools to compile block editor code: 
* Source Files: Located in the <code>src/</code> directory (included in this plugin) 
* Compiled Files: Located in the <code>build/</code> directory 
* Build Tools: npm and webpack (via @wordpress/scripts) 
* Build Configuration: <code>package.json</code> and <code>package-lock.json</code> (included in this plugin)
To build from source: 
1. Install Node.js and npm 
2. Navigate to the plugin directory 
3. Run <code>npm install</code> to install dependencies 
4. Run <code>npm run build</code> to compile the assets
Full source code repository: <a href="https://github.com/ddegner/photo-collage" rel="nofollow ugc">https://github.com/ddegner/photo-collage</a>
<h4>Key Features</h4>
<ul>
<li>12 Professional Layout Presets – Choose from Side by Side, Three Columns, Overlap Left/Right, Grid, Scatter, Hero Layered, Vertical Wave, Staggered Story, Offset Gallery, and Center Overlay</li>
<li>Advanced Image Controls – Fine-tune each image with rotation, opacity, padding, margins, and z-index layering</li>
<li>Dual Positioning Modes – Use relative positioning with margins for flexible layouts, or absolute positioning for pixel-perfect control</li>
<li>No Image Cropping – Images are never cropped, preserving your entire composition</li>
<li>Mobile-First Responsive – Enable automatic stacking on mobile devices with a single toggle</li>
<li>Accessibility Built-In – Full support for alt text, image titles, descriptions, and decorative image marking</li>
<li>Live Visual Editing – See exactly how your collage will look as you build it</li>
<li>Caption Support – Add captions to individual images within your collage</li>
<li>Theme Compatible – Works seamlessly with any WordPress theme that supports the block editor</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Photography portfolios</li>
<li>Before/after comparisons</li>
<li>Product showcases</li>
<li>Travel blogs</li>
<li>Creative storytelling</li>
<li>Magazine-style layouts</li>
<li>Event galleries</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Add the Photo Collage block to any post or page</li>
<li>Choose a Quick Layout preset or start from scratch</li>
<li>Upload your images and customize positioning, rotation, and opacity</li>
<li>Adjust responsive settings for mobile devices</li>
<li>Publish and enjoy your stunning photo collage</li>
</ol>

Alternatives to Photo Collage

Top alternatives