orix-UISpotlight Card
A card component with an interactive spotlight following the mouse.
Preview
Interactive Preview
ORIX PREMIUM
Experience the future of UI with our lightning-fast, highly interactive components.
Installation
Usage
tsx
import { SpotlightCard } from "@/components/ui/spotlight-card"
export default function Demo() {
return (
<SpotlightCard>
<h3 className="text-xl font-bold">Spotlight</h3>
<p className="text-muted-foreground mt-2">Interactive card effect.</p>
</SpotlightCard>
)
}Dependencies
framer-motion
Props
| Prop | Type | Default |
|---|---|---|
| spotlightColor | string | rgba(255,255,255,0.1) |