Gradient shiftFree

A deep red gradient that slowly drifts.

Your content here

Props

duration12s

colors4

angle120°

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Install

$npx shadcn@latest add https://nex-ui.eu/r/gradient-shift.json

Usage

import { GradientShift } from "@/components/nex-ui/gradient-shift";

<section className="relative overflow-hidden">
  <GradientShift />
  <div className="relative">Your content</div>
</section>