Library / Footers & CTAs

Rising Sun free

Scroll to the end and a sun rises behind the horizon while the sky warms from navy to peach and a closing line appears.

Scroll inside the preview to try it.

Customize

Closing line

Sun colour low down, then high up

Sky at night, then at dawn

Colour of the land in front

Code

import RisingSunFooter from './RisingSunFooter';

<RisingSunFooter />

Checking your access…

Dependencies: none

footer sunrise scroll gradient

More in Footers & CTAs

Wordmark FooterA dark footer with link columns and a full-width outlined brand name that a soft cursor brush fills with colour, trail fading.
Reveal FooterThe footer sits under the page; the page lifts like a rounded sheet to uncover it while the footer text drifts up.
Elastic FooterPush past the bottom and the footer edge stretches like rubber under the pointer, then snaps back with a wobble.