18Switch language to English

Card Hover Effect

السابقالتالي

Card with animated hover effects and transitions.

import { CardHoverEffect } from "@/components/atom/card-hover-effect"

export default function CardHoverEffectDemo() {
  return (
    <>
      <CardHoverEffect
        items={[
          { title: "Card 1", description: "Description", link: "#" },
          { title: "Card 2", description: "Description", link: "#" },
        ]}
      />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/card-hover-effect

Usage

import { CardHoverEffect } from "@/components/atom/card-hover-effect"
<CardHoverEffect
  items={[{ title: "Title", description: "Description", link: "/link" }]}
/>