Photo Block is an advanced yet intuitive responsive image block plugin for WordPress that makes adding, styling, cropping, and managing photos inside the block editor a breeze.
Quick Links:
🏠 Plugin Home | 📗 Documentation | 🙏 Support | 🤓 Source Code
Photo Block combines many features from other image blocks into one, resulting in a fully featured alternative that includes responsive controls,easy cropping, global styles, caption overlays, and lightbox support.
Whether creating a blog, recipe, portfolio, tutorial, or building a site, Photo Block provides you with complete visual control while maintaining speed, responsiveness, and accessibility.
Photo Block was designed for anyone who needs a better way to display images, such as photographers, designers, agencies, and bloggers who want to stand out with polished, on-brand visuals without needing to touch code. With Global Styles, you can maintain a consistent brand look and feel, ensuring all images adhere to a similar visual style.
❤️ Spin up a Free Demo ❤️
Key Features
- Easy and Flexible Uploading
Upload directly, choose from the Media Library, or import via a URL. Supports external image sources, such as ScreenshotOne, for automatic screenshots. Every image uploads quickly and previews instantly. - Smart Cropping and Custom Ratios
Define image proportions with built-in ratio presets or enter your own. The smart cropper respects hard crops and presets, such as a known aspect ratio, or you can perform a completely custom crop. - Responsive Image Settings
Every dimension, including padding, width, height, margins, and borders, has responsive controls. Adjust your images to ensure they scale beautifully across desktop, tablet, and mobile devices. - Advanced Sizing, Aspect Ratio, and Object Fit
Fine-tune image width, height, and object-fit for a consistent layout. Set an aspect ratio for a custom fit. This is ideal for creating hero images, grids, and feature sections with pixel-perfect alignment. - Multi-Line and Overlay Captions
Add expressive, multi-line captions or display them as overlays with hover effects. Position captions at the top, bottom, or center, and mix typography blocks for creative layouts. - Built-In Lightbox
Enable a responsive lightbox with just a few clicks by opening link settings. Viewers can expand and browse larger versions of your images without leaving the page. - CSS Gram Filters
Quickly style your images with 26 built-in CSS Gram filters. Adjust warmth, contrast, or add vintage flair directly in the editor without having to use photo editing software. - Drop Shadow Support
Add depth with customizable drop shadows. A subtle toggle turns flat images into elegant, layered visuals. - Global Style Presets
Save your favorite image settings as Global Styles. Apply them anywhere with a single click and update them site-wide later for consistent branding and appearance. - Query Loop Integration
Use Photo Block within the Query Loop block as a featured image source. Captions and settings pull automatically, making it perfect for archives and blog lists. The plugin works well inside a GenerateBlocks or Kadence loop, and also supports the Core Query block.
Why Choose Photo Block
Photo Block was built for creators who outgrow the default image block, but don』t want a bloated gallery plugin or block suite. With intuitive uploading and global styles, you can go from uploaded to published in less than 4 clicks.
This image block blends powerful design tools with a lightweight, intuitive interface that feels like part of WordPress itself.
- Native to the block editor. No nags or shortcodes — everything happens inline.
- Truly responsive. Adjust image presentation for every device size.
- Reusable and Global styles. Choose a global style to keep images on brand and consistent.
- No upsells or limits. Photo Block is 100% free and open source.
- Accessible. Fully supports captions, alt text, and semantic markup.
- Future-proof. The plugin is built with the latest block techniques and architecture and is continuously updated.
If you』ve been searching for a better Gutenberg image block, Photo Block delivers a professional image presentation toolkit without complexity or cost.
Use Cases
- Photography portfolios: Crop and style high-resolution photos with lightbox support.
- Blogs and articles: Add responsive, branded images with consistent captions.
- Business websites: Maintain uniform image styling using global presets.
- Online magazines: Ensure consistent styling using Global Styles across the entire site.
- Site builders: Photo Block can assist with page or site building, acting as a logo source, hero image, and even decorative images.
Photo Block adapts to virtually any WordPress design scenario, offering both creative freedom and practical control.
Technical Highlights
- Uploader: Media Library, drag-and-drop, remote URL uploads, and ScreenshotOne support.
- Cropping: Smart cropper with presets or custom aspect ratios.
- Responsive Controls: Device-specific padding, margin, and border adjustments.
- Sizing Options: Adjustable width, max width, height, max height, and object-fit per device.
- Caption System: Multi-line, block-based, and overlay caption styles.
- Lightbox: Optional responsive lightbox with custom caption support.
- Filters: CSS Gram effects (26 available presets).
- Shadows: Toggle drop shadows for visual depth and 3D-looking images.
- Global Styles: Save and reuse configurations site-wide.
- Query Loop Ready: Works as a featured image block source.
- Accessibility: Encourages alt text and uses semantic markup.
❤️ Spin up a Free Demo ❤️
Development:
Development happens on GitHub. Check out the GitHub code repository for Photo Block.
To assist or help this plugin financially, please consider a GitHub sponsorship.
Libraries and Credits
- Filepond – React Image uploader.
- CSSgram – CSS Image Effects.
- Lucide – React Icon Library.
- React Image Crop – React Image Cropper.
- React Hook Form – React Forms.
- Fancybox – Lightbox Library.






