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.)
- What it is used for: Vision-based image metadata generation, keyword tagging, and alt text analysis for users configuring an OpenAI API key.
- What data is sent and when: Image data and text prompts are sent over secure HTTPS only when triggered by user request in the editor or media library.
- Privacy Policy: https://openai.com/policies/privacy-policy/
- Terms of Service: https://openai.com/policies/terms-of-use/
-
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
- Upload the
matcha-galleryfolder to your/wp-content/plugins/directory, or install directly through Plugins Add New in your WordPress dashboard. - Activate the plugin through the Plugins menu in WordPress.
- Navigate to Matcha AI AI Settings and enter your free Google Gemini API key (or OpenAI key).
- Go to Matcha AI All Galleries and click Add New Gallery to open the Matcha Studio visual editor.
- 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.
ContributorsTranslate “Matcha Gallery – AI Photo Wall, Masonry & Portfolio Studio” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
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).
