TiltedCard
A card component that tilts in 3D space based on mouse position.
🚀
Hover Me
Move your mouse around to see the 3D tilt effect.
Usage
import { TiltedCard } from '@reactomega/ui';
export default function App() {
return (
<TiltedCard className="w-64 h-80 p-6 bg-gray-900">
<h3 className="text-xl font-bold">Content</h3>
</TiltedCard>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| maxTilt | number | 20 | Maximum tilt angle in degrees |