Spotlight Card

Card component with a mouse-following spotlight effect.

Loading...

Properties

rgba(255, 255, 255, 0.1)

Color of the spotlight

Installation

npm install @reactomega/ui

Usage

Usage

import { SpotlightCard } from '@reactomega/ui';

export default function App() {
  return (
    <SpotlightCard>
      <h3 className="text-xl font-bold">Spotlight Effect</h3>
      <p className="text-white/60">Hover over this card to see the effect.</p>
    </SpotlightCard>
  );
}