Image Scroll Pivot

Directional image scale on scroll

About this Component Haytham Scroll Pivot is a responsive scroll-driven image component that creates a directional scale transition as an image moves through the viewport. Choose whether the image grows in from the left, right, or skips the entry animation entirely. Once the image reaches the top of the viewport, it begins shrinking toward your selected side. The component also includes dynamic corner controls, allowing the image to smoothly transition between separate Before and After radius values during the shrink animation. Perfect For: • Portfolio projects • Editorial layouts • Case studies • Image galleries • Creative landing pages • Scroll-based storytelling • Photography websites Key Features: • Left or Right grow origin • Optional No Origin mode • Independent Left or Right shrink direction • Before and After corner radius animation • Responsive image upload • Cover, Contain, and Fill options • Adjustable horizontal and vertical focal position • Fully scroll-driven animation • Responsive width and height • Optimized static rendering for Framer Canvas and exports How It Works The image reacts directly to its position in the viewport. With an Origin selected, it scales into view while approaching the top of the viewport. Once its top reaches the viewport top, the shrink phase begins. Setting Origin to None removes the entry scaling and keeps only the shrink effect. Questions? Reach out at hasanwali6890@gmail.com Refund Policy All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

Directional image scale on scroll