Glow Card

Card with a pointer-tracked border glow driven entirely by CSS custom properties.

SSolstice·bySSolsticePro

4,680

Bookmarks

9,700

Installs

103,200

Views

24 lines

import { Cpu, Gauge, ShieldCheck } from "lucide-react"
import { GlowCard } from "@/components/ui/glow-card"

const cards = [
  { icon: <Gauge className="size-5" />, title: "Fast by default", body: "Every component ships without a runtime dependency it doesn't need." },
  { icon: <ShieldCheck className="size-5" />, title: "Accessible", body: "Focus states, roles and contrast are part of the review, not an afterthought." },
  { icon: <Cpu className="size-5" />, title: "Agent ready", body: "The same source is available as a prompt for whichever tool you use." },
]