Componentes Galería Componente de galería

Componente de galería

Un componente de galería responsivo con un diseño plano minimalista, con imágenes y soporte de temas oscuros usando Tailwind CSS.

Vista previa

Código HTML

<div class="bg-white dark:bg-gray-800 p-4 rounded-lg shadow-lg">
    <h2 class="text-2xl font-semibold text-gray-800 dark:text-white mb-4">Gallery</h2>
    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=1" alt="Random Image 1" class="w-full h-auto object-cover">
        </div>
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=2" alt="Random Image 2" class="w-full h-auto object-cover">
        </div>
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=3" alt="Random Image 3" class="w-full h-auto object-cover">
        </div>
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=4" alt="Random Image 4" class="w-full h-auto object-cover">
        </div>
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=5" alt="Random Image 5" class="w-full h-auto object-cover">
        </div>
        <div class="bg-gray-200 dark:bg-gray-700 rounded overflow-hidden">
            <img src="https://picsum.photos/200/300?random=6" alt="Random Image 6" class="w-full h-auto object-cover">
        </div>
    </div>
</div>

Componentes relacionados

Componente de galería

Componente de galería responsivo con soporte para modo oscuro

Abrir

Componente de galería 3D

Un complejo componente de galería 3D responsivo diseñado para el comercio electrónico, con un tema oscuro y una combinación de colores complementaria.

Abrir

Componente de galería

Un componente de galería de inspiración retro/vintage con una combinación de colores vibrantes, complejidad moderada y diseño receptivo con soporte para temas oscuros. Diseñado para el consumo de contenidos.

Abrir