18Switch language to العربية

Gradient Animation

PreviousNext

Animated gradient background effect.

import { GradientAnimation } from "@/components/atom/gradient-animation"

export default function GradientAnimationDemo() {
  return (
    <>
      <GradientAnimation className="h-32 w-full rounded-lg" />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/gradient-animation

Usage

import { GradientAnimation } from "@/components/atom/gradient-animation"
<GradientAnimation className="h-32 w-full rounded-lg" />