Matcha Gallery – AI Photo Wall, Masonry & Portfolio Studio

Description

Matcha Gallery is the next-generation WordPress gallery plugin built for photographers, visual artists, designers, and eCommerce portfolios. It combines a state-of-the-art Matcha Studio visual editor with Google Gemini AI vision to automatically tag photos, generate SEO alt-text, calculate color palettes, and create stunning responsive photo walls.

Matcha Gallery produces clean, modern HTML5/CSS3 output with zero jQuery dependencies and fast page load times (<15KB frontend runtime).

Live Demo & Documentation | Support & Help

Key Highlights

* Matcha Studio Visual Editor: A distraction-free, 3-panel visual workspace inspired by Figma. Customize layouts, picture framing, drop shadows, and matting with real-time WYSIWYG preview.
* AI Vision & Metadata Generator: Powered by Google Gemini AI. Automatically generates ADA-compliant alt text, human-readable titles, descriptive captions, and SEO keyword taxonomy.
* 6 Algorithmic Layout Blueprints:
* Classic Grid — Uniform aspect ratio with responsive column presets.
* Pinterest Masonry — Fluid cascading heights preserving native aspect ratios.
* PhotoBlocks Mosaic — Custom geometric tile spans (1×1, 2×1 wide, 1×2 tall, 2×2 hero).
* Pinwheel Spiral — Center hero spotlight with surrounding spiral thumbnails.
* Bento Showcase — Modern tech-style hero spread.
* Justified Rows — Flickr-style edge-to-edge justified rows.
* 1-Click ✨ Smart Fill: AI analyzes image aspect ratios across your entire collection and automatically assigns the optimal geometric tile layout with one click.
* In-Frame Pan & Zoom Cropping: Interactive 2D target reticle and zoom slider (1.0x to 2.5x) to set pixel-perfect focal framing without cutting off heads or subjects.
* Realistic Picture Framing & Matting: 5 gallery-grade picture frames (White Matting, Slim Black Metal, Natural Oak Wood, Brushed Gold Brass, Glass Float) with customizable 0–32px matting margins.
* Multi-Section Gallery Chapters: Organize a single gallery into tabbed chapters (e.g. Ceremony, Reception, Portraits or Living Room, Bedroom, Kitchen) with smooth animated switching.
* AI Color Swatches & Live Filter Toolbar: Instant color dot filter buttons extracted by AI, plus live keyword search and animated category filter pills.
* Client Proofing & Shoppable Portfolios: Visitors can favorite photos with heart icons (🤍 → ❤️) and export clean selection lists, or click glassmorphic Buy / Shop Now buttons.
* 1-Click 📷 Export Wall & Client Proofing Sheet: Download a 2x crystal-clear PNG snapshot of your arranged gallery wall, or print a branded client proposal sheet with dimensions and pricing.
* Gutenberg Block & Shortcode: Embed galleries seamlessly via the native [matcha_gallery id="..."] shortcode or the dedicated Gutenberg block.

Third-Party Services

This plugin can optionally integrate with the following external third-party AI provider services to generate image alt-text, titles, captions, keyword tags, color swatches, and focal cropping coordinates. All AI features are entirely optional and require you to provide your own API key in the plugin settings.

  • Google Gemini AI API (Google LLC)

    • What it is used for: Analyzes uploaded image attachments to generate descriptive alt-text, titles, captions, keyword tags, dominant color palettes, and focal point coordinates.
    • What data is sent and when: Image URLs or base64 image data are sent over secure HTTPS only when you explicitly click “⚡ AI Enhance”, click “Generate AI Metadata” in the WordPress Media Library, or enable the “Auto-generate on upload” option in settings.
    • Privacy Policy: https://policies.google.com/privacy
    • Terms of Service: https://ai.google.dev/terms
  • OpenAI API (OpenAI, Inc.)

  • OpenRouter API (OpenRouter)

    • What it is used for: Multi-model AI routing allowing users to connect alternative vision models using an OpenRouter API key.
    • What data is sent and when: Image data and prompt requests are sent over secure HTTPS only when triggered by user request.
    • Privacy Policy: https://openrouter.ai/privacy
    • Terms of Service: https://openrouter.ai/terms

Screenshots

Blocks

This plugin provides 1 block.

  • Matcha AI Smart Gallery AI-powered filterable image gallery with grid and masonry layouts.

Installation

  1. Upload the matcha-gallery folder to your /wp-content/plugins/ directory, or install directly through Plugins Add New in your WordPress dashboard.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Navigate to Matcha AI AI Settings and enter your free Google Gemini API key (or OpenAI key).
  4. Go to Matcha AI All Galleries and click Add New Gallery to open the Matcha Studio visual editor.
  5. Add photos, customize your layout and framing, and copy your shortcode [matcha_gallery id="..."] into any page or post.

FAQ

Do I need a paid API key to use the AI features?

No! Google Gemini offers a generous free tier (up to 15 requests per minute) that is completely free of charge. You can generate a free API key at Google AI Studio.

Can I use Matcha Gallery without AI?

Yes, absolutely! All 6 layouts, picture framing, matting, multi-section chapters, lightboxes, and shortcodes work 100% out of the box without configuring an API key.

Will AI overwrite my existing image alt text?

By default, no. Matcha Gallery only enriches images with missing alt text or captions. You can toggle “Overwrite existing metadata” in Settings if you wish to re-generate everything.

Is Matcha Gallery fast and lightweight?

Yes! The frontend runtime is under 15KB of vanilla JavaScript with zero jQuery or external framework dependencies. It uses native CSS Grid and Flexbox for maximum rendering speed and 100/100 Google PageSpeed scores.

How do I embed a gallery into a page?

You can insert the native Matcha Gallery Gutenberg block, or paste the shortcode [matcha_gallery id="123"] into any block, page builder (Elementor, Divi, Beaver Builder), or widget area.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Matcha Gallery – AI Photo Wall, Masonry & Portfolio Studio” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.1

  • Fix: Admin sidebar menu icon sizing on the WordPress dashboard constrained to 20x20px with inline SVG data URI and global head style guard.
  • Feature: Curated Style Presets (Exhibition Hairline Frame, Architectural Curtain, Cinematic Pullback, Minimalist Drawer).
  • Enhancement: Layout rendering performance and zero-CLS image frame reservation.
  • Enhancement: Codebase hygiene, translation template updates, and package optimizations.

1.0.0

  • Initial public release on WordPress.org.
  • Matcha Studio 3-panel dark workspace editor.
  • 6 Algorithmic layout blueprints: Grid, Masonry, Mosaic, Pinwheel, Bento, and Justified.
  • 1-Click Smart Fill aspect-ratio matcher.
  • Picture Framing & Matting system (5 realistic frame styles).
  • In-Frame Pan & Zoom cropping with 2D focal reticle.
  • Multi-Section Gallery Chapters (tabbed sub-stories in 1 gallery).
  • 1-Click 2x High-Res PNG Wall Snapshot & PDF Client Proofing Sheet export.
  • AI Vision metadata enrichment via Google Gemini (alt text, titles, captions, colors, focal points).
  • Frontend live search, color swatch filter, proofing tray, and accessible lightbox.
  • Native Gutenberg block and [matcha_gallery] shortcode.
  • Local vendored JS dependencies (zero CDN reliance).