Footer

LukeBaffait Animated Footer

by Vanguardia · motionprompts.dev

Fixed full-viewport footer revealed behind the page on scroll: a spacer div fires ScrollTrigger callbacks (in at top 50%, out on leave-back at top 85%) that stagger SplitText chars of the split 'Half tone' wordmark heading from the center, unmask footer links/paragraph lines, and slide two hand images in from the sides. The hands render as orange ASCII art on canvas (brightness sampling) with random cluster highlights on hover and lerped mouse parallax; Lenis drives the smooth scroll.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.2–1s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: mixed
Easing: power3
Complexity: 3/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, SplitText, lenis

fixed footer reveal: ASCII canvas hands, lerped parallax

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev24,998 chars

# Scroll-Revealed ASCII Footer

## Goal
Build a long-scroll page whose **fixed, full-viewport footer is revealed from behind the page** as you reach the bottom.…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.