# Gradient Rise

> A soft rainbow gradient rises under the footer as you scroll.

Gradient Rise is a footer animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called rising gradient footer, rainbow footer or dia gradient.

As the visitor reaches the end of the page, a blurred band of warm and cool colours stretches up from the bottom edge behind the footer, following the scroll exactly. With reduced motion it shows at full height.

- Page: https://foundry44.dev/components/gradient-rise/
- Category: [Footers](https://foundry44.dev/library/footers/)
- Interactions: scroll
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `height`, `minReveal`, `bars`, `blur`, `colors`.