Components
Loading preview...
Here is Tilt Effect component
@bundui
npx shadcn@latest add https://21st.dev/r/bundui/tilt-effectimport Image from "next/image";
import { TiltEffect } from "@/components/ui/tilt-effect";
import { Card, CardContent } from "@/components/ui/card";
export default function TiltEffectExample() {
return (
<TiltEffect>
<Card className="overflow-hidden pt-0 md:w-[280px]">
<Image
src="https://bundui-images.netlify.app/products/04.jpeg"
alt=""
width={200}
height={200}
className="aspect-square size-full w-full object-cover transition-all duration-200 ease-linear"
unoptimized
/>
<CardContent>
<div className="text-xl">Red Hat</div>
<div className="text-muted-foreground text-sm">Best Sellers</div>
</CardContent>
</Card>
</TiltEffect>
);
}