Footer reveal
A sticky footer that sits under the page at z-index -1 and fades, scales and sharpens as scroll uncovers it.
API reference
Components
<FooterReveal />
Page root that owns reveal progress and publishes it via context.
children?
FooterRevealContent then FooterRevealFooter.
className?
Merged onto the root. Never add overflow clipping here.
<FooterRevealContent />
Page body layer above the sticky footer.
children?
Page body that covers the sticky footer until scroll.
className?
Merged onto the content layer. Needs an opaque background.
<FooterRevealFooter />
Sticky footer that fades, scales and sharpens as scroll uncovers it.
children?
Footer contents.
className?
Merged onto the sticky footer shell.
Hooks
useFooterRevealProgress
Raw reveal progress MotionValue from the enclosing FooterReveal.
useFooterRevealProgress(): MotionValue<number>Featured in
See the footer reveal composed into full sections.
