Grillas Creativas para Galerias

Genera layouts CSS Grid creativos para galerias de fotos. Elige un patron, personaliza y copia el codigo.

CSS Grid: layouts creativos para galerias

CSS Grid permite crear layouts complejos y creativos con pocas lineas de codigo. Ideal para galerias de fotos, portfolios y mosaicos visuales.

Elige entre 18 patrones predefinidos, personaliza gap, bordes y efectos hover. El codigo generado es puro HTML + CSS, sin dependencias externas.

Patron de grilla

Personalizacion

Espaciado (gap)

Bordes redondeados

Efecto hover

Sombra

Paleta de colores

Mostrar con imagenes

Vista previa

Codigo generado

<div class="photo-gallery">
  <div class="photo-gallery__item photo-gallery__item--1">
    <img src="photo-1.jpg" alt="Photo 1" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--2">
    <img src="photo-2.jpg" alt="Photo 2" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--3">
    <img src="photo-3.jpg" alt="Photo 3" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--4">
    <img src="photo-4.jpg" alt="Photo 4" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--5">
    <img src="photo-5.jpg" alt="Photo 5" />
  </div>
  <div class="photo-gallery__item photo-gallery__item--6">
    <img src="photo-6.jpg" alt="Photo 6" />
  </div>
</div>