Hover 3D

DaisyUI

Hover 3D is a wrapper component that adds a 3D hover effect to its content. When you hover over the component, it tilts and rotates based on the mouse position.

Basic Hover 3D

Hover over the image to see the 3D effect.

Code Example

use rsxui::components::Hover3d;

use rsx_macros::rsx;

let html = rsx! {

    <Hover3d class="my-12 mx-2">

        <figure class="max-w-100 rounded-2xl">

            <img src="card.jpg" alt="Card" />

        </figure>

    </Hover3d>

};

RsxUI

DaisyUI Components for Rust

Star our GitHub

Created by Isak Rickyanto@2026