Gradient Bars

Animated background with vertical gradient bars that pulse in a wave-like motion.

Preview

HelloThere
Hello There

Installation

npx shadcn@latest add "https://ui.rechesoares.com/registry/gradient-bars.json"

Component Props

PropTypeDefaultRequiredDescription
barsnumber20NoThe number of vertical bars to render in the animation.
colorsstring[]['#8f0feb', 'transparent']NoAn array of color strings for gradient background for each bar.