gradient-background-dark

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/gradient-background/dark.tsx
import { GradientBackground } from '@/registry/default/ui/gradient-background';

export default function GradientBackgroundDark() {
  return (
    <div className="w-full h-64 rounded-lg overflow-hidden">
      <GradientBackground
        className="from-slate-900 via-purple-900 to-slate-950"
        transition={{ duration: 15, ease: 'easeInOut', repeat: Infinity }}
      />
    </div>
  );
}

Installation

npx shadcn@latest add @reui/gradient-background-dark

Usage

import { GradientBackgroundDark } from "@/components/gradient-background-dark"
<GradientBackgroundDark />