Gradient Bars

PreviousNext

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

Usage

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