MeYay AI

Product Photo Gallery

A clean grid of your product photos; open one larger, step through them, and close it, all by keyboard too.

V2 · 0:12 demoPlay

Full screenV2 · 38 KB · one HTML file

Sample data. The products and pictures are made up.

Prompt

A photo gallery site for my product shots1 What it does with a clean grid3 How it should feel, and clicking a photo opens it larger with a close button4 What must happen. Keep it keyboard friendly4 What must happen.

Exactly as it was typed.

  1. What it doesWhat it is, and the pictures it shows.
  2. Who it’s forThis prompt leaves “who it’s for” to the AI.
  3. How it should feelHow it should look.
  4. What must happenWhat happens on a click. How it works without a mouse.

Use this idea

What this teaches

Give it your photos and say how people should browse them, and the gallery works with a mouse and a keyboard.

  • "my product shots with a clean grid" uses your pictures as the content.
  • "clicking a photo opens it larger with a close button" describes the whole interaction.
  • "Keep it keyboard friendly" makes every photo reachable with Tab and Enter, and Escape close it.

Changes

Add captions under each photo and a slideshow button that moves through them.

Change request · V1 → V2

BeforeAfter

What changed

  • Each photo has a caption under it.
  • A Start slideshow button opens the photos one after another, with a Next button.

What stayed: The grid, the larger view and the keyboard support work as before.

Use this change

Try a change

Each one starts your own draft in the Studio. Nothing is built until you press Build.

How it was made

  • V1 Built on Oct 15, 2026 · Direct · Verified on the first try · 36 s · Tested on desktop and phone · 1 AI Credit
  • V2 Changed on Oct 15, 2026 · Verified on the second try · 68 s · Tested on desktop and phone · one change, no AI Credits

Built with these files

  • headphones.webp Purple over-ear headphones · Made for MeYay AI; CC0
  • plant.webp A green plant in a terracotta pot · Made for MeYay AI; CC0
  • watch.webp A wristwatch with a gold bezel · Made for MeYay AI; CC0
  • sneaker.webp A blue sneaker with a white sole · Made for MeYay AI; CC0
  • tote.webp A canvas tote bag printed with Green Market · Made for MeYay AI; CC0

Known limitations

  • The slideshow moves one photo per press of Next; it does not play by itself.
  • The captions are written into the page; new photos mean making it again.
  • The slideshow starts on the second photo, not the first.

More like this

Use this idea