Gradient Bars

A dynamic animated canvas component that renders trails following the cursor with configurable physics and color cycling.

Installation


pnpm dlx shadcn@latest add https://ui.dalim.in/r/gradient-bars.json

import { GradientBars } from "@/components/ui/gradient-bars"

<div className="relative h-[500px] w-full rounded-lg border">
  <GradientBars color="#00ffff" numBars={20} />
</div>