Lenis Smooth Scroll + Element Transform Animations Prompt

This prompt is designed for front-end developers and creative coders who want to build high-quality scroll-driven animation experiences. By combining Lenis — a lightweight smooth-scroll library — with GSAP's powerful animation engine, the generated code demonstrates how page elements such as cards, images, and text blocks can dynamically scale, rotate, and fade based on the user's scroll position. A visual scroll progress indicator is also included, giving the final result a polished, production-ready feel.

This kind of prompt is especially useful when prototyping portfolio sites, agency landing pages, or interactive product showcases where motion design plays a central role. Because the output is self-contained code, developers can drop it directly into a project and customize easing curves, transform values, and section layouts to match their brand. For best results, use a model with strong JavaScript and DOM knowledge, such as GPT-4o or Claude 3.5 Sonnet, and try variations by swapping GSAP for the Web Animations API or by adding horizontal scroll sections.