Magic Card

Interactive card with hover effects.

Usage

typescript

import { MagicCard } from '@devdenvino/rts-common/components/magicui';

<MagicCard>
  <h3>Card Title</h3>
  <p>Card content</p>
</MagicCard>

Example

typescript

<div className="grid grid-cols-3 gap-4">
  <MagicCard>Feature 1</MagicCard>
  <MagicCard>Feature 2</MagicCard>
  <MagicCard>Feature 3</MagicCard>
</div>