Custom

Footer Gradients

Dia Browser-inspired soft glowing gradient effects with 3D Fold, peaked, and color dodge variants.

Preview

Live component example.

Configure the columns, stdDeviation blur, perspective camera projection, and curves. Glows are styled differently for light/dark backdrops.

Preview Theme:

Mount Animation

<FooterGradients
  activeVariant="fold3d"
  reveal="mount"
  bars={9}
  blur={15}
  peak={0.98}
  valley={0.55}
  foldAngle={74}
  depth={620}
/>

Reveal Behavior

Color Scheme

Bars9

Blur15px

Peak Height98%

Valley Height55%

Fold Angle74°

Depth Perspective620px