soultelui
← Components

Glow Card

component

A card with a radial glow that follows the cursor. Customizable glow color.

Move your cursorThe glow follows it

Installation

Namespace
npx shadcn@latest add @soultel/glow-card
URL
npx shadcn@latest add https://asafefe.dev/r/glow-card.json

Usage

usage.tsx
import { GlowCard } from "@/components/glow-card"

export function Example() {
  return (
    <GlowCard className="w-64">
      <div className="p-6">Hover me</div>
    </GlowCard>
  )
}