Components
The TiltCard component is a stylish, interactive card that tilts and scales when hovered over, providing a dynamic visual effect. It's perfect for highlighting important information or adding a touch of interactivity to your UI.
Features
Props
Loading preview...
import { TiltCard } from "@/components/ui/tilt-card";
function DefaultDemo() {
return (
<div className="flex items-center justify-center min-h-screen">
<TiltCard title="Hover Me!" hoverColor="hover:bg-blue-500" className="m-4" />
<TiltCard title="I'm Tilted!" hoverColor="hover:bg-green-500" className="m-4" />
</div>
);
}
export { DefaultDemo };