Photo Block – A Better Responsive Image Block With Lightbox and Caption Support

Description

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

❤️ Spin up a Free Demo ❤️

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.

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

1. Filepond – React Image uploader.
2. CSSgram – CSS Image Effects.
3. Lucide – React Icon Library.
4. React Image Crop – React Image Cropper.
5. React Hook Form – React Forms.
6. Fancybox – Lightbox Library.