Cursor Trail Hero from shaders.com
DemoBuild the "Cursor Trail Contact" section
You are implementing a production-quality, end-of-page contact section built with the Shaders WebGPU component library. Match the live reference exactly: https://previews.shaders.com/sections/cursor-trail-contact.
The interaction IS the section. A near-black, full-viewport contact section where the background stays quiet until the visitor moves their cursor — the pointer paints a twinkling halftone dot trail with chromatic ripple fringes. Driven by invisible ChromaFlow → DotGrid map → masked white gradient, plus CursorRipples and FilmGrain.
Install shaders, load Satoshi + Geist Mono, center "Got something to make?" and a giant "Contact us" CTA with animated underline, footer socials + "( move your cursor )" hint. Staggered reveal on load. Degrade gracefully on touch / non-WebGPU.
- Installed shaders and built a full-viewport contact section with the exact WebGPU tree (invisible ChromaFlow → DotGrid map → masked gradient, ripples, grain)
- Satoshi + Geist Mono fonts, staggered reveal, CTA underline hover, and footer socials wired with # placeholders until real links are provided
- Section degrades to dark diagonal gradient + film grain on touch / non-WebGPU
use this background, do the hero better, have title description and 2 cta buttons. match the aesthetics
genera...ca4.webpimage/webp
- Built a cinematic full-bleed hero over the twilight landscape — Satoshi display, eyebrow, title, description, and two pill CTAs matching the contact section aesthetics
- Kept the WebGPU cursor-trail contact section below; shared film grain + type system so the page reads as one composition