Ace Card Pattern

Card with animated motion/react gradient pattern that follows cursor.

Installation

Usage

import { AceCardPattern } from "@/components/vandoko/ace-card-pattern";

export default function Page() {
  return <AceCardPattern />;
}

Features

• Animated -- Smooth entrance and interaction animations via motion/react
• Interactive -- Responds to user hover and mouse interactions
• Responsive -- Adapts to all screen sizes
• Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

Dependencies

• motion

Lineage

Modifications

• oklch color conversion
• Vandoko design token integration
• Props interface extraction