Skip to main content

​
Installation

    ​
    Usage

    showLineNumbers
    import { NeonGradientCard } from "@/components/ui/neon-gradient-card"
    showLineNumbers
    <NeonGradientCard>
  <div className="p-6">
    <h3 className="text-xl font-semibold">Neon Gradient</h3>
    <p className="mt-2">Beautiful neon effect card</p>
  </div>
</NeonGradientCard>

    ​
    Props

    PropTypeDefaultDescription
    classNamestring-The class name to be applied to the component
    childrenReactNode-Children elements
    borderSizenumber2The size of the border
    borderRadiusnumber20The size of the radius
    neonColorsobject{ firstColor: "#ff00aa", secondColor: "#00FFF1" }The colors of the neon gradient

    ​
    Credits

    Build docs developers (and LLMs) love

    Get started for freeTalk to us