adamperlis/ui-motion
High-taste UI motion skills: kinetic typography heroes, scroll-linked blur manifesto sections, and a thermal shader field you smear with a finger.
Design or implement full-viewport kinetic typography heroes using inflated physical letterforms, Matter.js-style motion, Pretext-inspired type behavior, and SVG goo/blur effects. Use when the user asks for a memorable animated hero, kinetic brand object, inflated type, soft-body letters, or a Zine-style "invisible" AI-search hero.
Design or implement quiet editorial manifesto sections where large text resolves from blurred ghost layers into sharp copy on scroll. Use when the user asks for scroll blur, blur-to-sharp transitions, Lenis/GSAP ScrollTrigger word reveals, or a warm editorial manifesto section.
Build an interactive heat-camera field that a finger or cursor smears like wet paint — a WebGL fragment shader with a domain-warped thermal blob, a seven-stop heat ramp, a velocity-carrying pointer trail, and a press ripple. Use when the user wants a thermal/heatmap effect, a "finger through paint" or smudge interaction, a living gradient that reacts to touch, a trackpad/touch-surface hero, or the Clicker disc effect. Also use for any reactive shader field driven by a pointer trail.