Neon Gradient Card

Docs

Neon Gradient Card

A beautiful neon card effect

Neon Gradient Card

Installation

import { NeonGradientCard } from "@/components/magicui/neon-gradient-card";

<NeonGradientCard>
  <div className="p-4">
    <p>Hello</p>
    <span>Hover me</span>
  </div>
</NeonGradientCard>

Prop	Type	Default	Description
`className`	`string`	`-`	The class name to be applied to the component
`children`	`ReactNode`	`-`	Children elements
`borderSize`	`number`	`5`	The size of the border
`borderRadius`	`number`	`20`	The size of the radius
`neonColors`	`object`	`{ firstColor: "#ff00aa", secondColor: "#00FFF1" }`	The colors of the neon gradient

Contribute