Gradient Bars

PreviousNext

Example showing a simple gradient bars.

Docs
aliimamexample

Preview

Loading preview…
registry/default/example/backgrounds/gradient-bars/gradient-bars-default.tsx
"use client"

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

export default function DemoOne() {
  return (
    <div className="relative flex h-[600px] w-5xl flex-col items-center justify-center overflow-hidden rounded-xl border">
      <GradientBars />
    </div>
  )
}

Installation

npx shadcn@latest add @aliimam/gradient-bars-default

Usage

import { GradientBarsDefault } from "@/components/gradient-bars-default"
<GradientBarsDefault />