Hover Gallery

DaisyUI

Hover Gallery is a container of images. The first image is visible by default and when you hover horizontally, other images show up.

Basic Hover Gallery

Hover horizontally over the image to see others.

Code Example

use rsxui::components::HoverGallery;

use rsx_macros::rsx;

let html = rsx! {

    <HoverGallery class="max-w-60">

        <img src="hat-1.webp" />

        <img src="hat-2.webp" />

        <img src="hat-3.webp" />

        <img src="hat-4.webp" />

    </HoverGallery>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026