Glow Card Grid

Display cards with glowing border and background effects.

Installation

terminal

pnpm dlx layro-cli add @ncdai/glow-card-grid

npx layro-cli add @ncdai/glow-card-grid

npx layro-cli add @ncdai/glow-card-grid

bunx layro-cli add @ncdai/glow-card-grid

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import { useEffect, useRef } from "react"

import { cn } from "@/lib/utils"

export type GlowCardGridProps = React.ComponentPropsWithoutRef<"div"> & {
  // Card parameters
  cardRadius?: number

  // Icon parameters
  iconBlur?: number
  iconSaturate?: number
  iconBrightness?: number