---
title: "Image Scroll Pivot — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Hasan Wali · Effects. Directional image scale on scroll"
canonical: "https://framer.elliotli.dev/component/image-scroll-pivot"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Image Scroll Pivot

# Image Scroll Pivot

Directional image scale on scroll

[View on Framer](https://framer.com/marketplace/components/image-scroll-pivot/?via=elliot-li)

![Image Scroll Pivot preview image 1](https://framer.elliotli.dev/og/component/image-scroll-pivot/4d5f0636afd2d9b1/1600x1200.jpg)

## Summary

Directional image scale on scroll

## Description

**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](mailto: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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9328

## Details

- **Author**: Hasan Wali
- **Price**: $8.00
- **Published**: 2026-08-25
- **Updated**: 2026-08-25
- **Added**: 2026-08-25
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo