Prism Drift

A four-corner gradient warped by an fbm flow field with chromatic dispersion at the peaks and iridescent rainbow shimmer — six color presets, cursor eddy, pauses when off-screen.

Backgrounds are awesome :)

Customize

Palette

Layout

Softness0.76

Intensity1.10

Grain0.20

Speed0.60x

Drift0.050

Mouse pull0.40

Mouse follow

Usage

import { PrismDrift } from "@/components/lazy-ui/prism-drift";

export function Demo() {
  return (
    <PrismDrift
      palette="ember"
      layout="diagonal"
      softness={0.76}
      intensity={1.1}
      grain={0.2}
      speed={0.6}
      className="min-h-[520px] rounded-2xl"
    >
      <main className="relative z-10 flex h-full items-center justify-center px-6">
        <h1 className="text-center text-5xl font-light tracking-tight text-white">
          Backgrounds are awesome :)
        </h1>
      </main>
    </PrismDrift>
  );
}