Skip to the content

Library/ 118 ridgeline-footerNewProFooters

Ridgeline Footer

A footer over a dithered mountain range that develops as it arrives.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • preset
  • seed
  • ridges
  • mist
  • drift
  • radius
  • altimeter
Tune it live with Pro

What it does

Ridgeline Footer is a footer animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called dither footer, mountain footer or dithered landscape.

Ridge after ridge of a printed-looking mountain range develops under your footer as it scrolls into view, with mist drifting through the valleys. The pointer clears the mist and reads the height of the ridge beneath it. Works in light and dark themes.

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.