MediaGrid

Grid with lightbox

• 
  Harbour at dawn
• 
  Desert road
• 
  Pine forest
• 
  Evening sky
• 
  Wheat field
• 
  Coastal shelf

Tab into the gallery, then use the arrow keys — ↓ moves a full row, not one tile.

Mixed media

• 
  Harbour at dawn
• 
  Sample clip
• 
  Desert road
• 
  Sample tone
• 
  Pine forest
• 
  Evening sky

Video and audio tiles gain a play affordance; items with no thumbnail fall back to an icon.

Masonry

• 
  Harbour at dawn
• 
  Desert road
• 
  Pine forest
• 
  Evening sky
• 
  Wheat field
• 
  Coastal shelf

Preserves each image's own height. CSS columns fill top-to-bottom, so use it when the order does not matter.

Custom selection handling

• 
  Harbour at dawn
• 
  Desert road
• 
  Pine forest
• 
  Evening sky

Select a tile to see the callback fire.