HoverDeckFX

Galleries 149

About

Deck-style image hover animation that unfolds stacked images in a 3D-like motion.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds HoverDeckFX to your project and fits it to your theme.

Code

How HoverDeckFX is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { StackedImageHover } from "@/components/ui/hover-deck-fx";

export default function DemoOne() {
    const money = "https://cdn.21st.dev/assets/mirror/0e/0e6d7d71dfe18bb477041e7b2ced36d57b97909f3d600f12a7ee1ca476fa4c8d.jpg";

  return (
    <div >
      <StackedImageHover
        images={[money, money, money, money]}        
      />
    </div>
  );;
}