---
title: "ScaleinImage — Free Framer component · Best of Framer"
description: "Free Framer component · by Olivar Grant · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/scaleinimage"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/ScaleinImage

# ScaleinImage

Hover Interaction

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

![ScaleinImage preview image 1](https://framer.elliotli.dev/og/component/scaleinimage/c25fab6240f543d4/1600x1200.jpg)

## Summary

Hover Interaction

## Description

The **Scale In Image** effect showcases a clean animation where images grow from a smaller size to their full scale, creating a smooth and engaging entrance effect.

Built using Framer’s interaction system, this effect uses transform scaling to ensure fluid, performance-friendly motion.

A key characteristic of this interaction is its **one-directional behavior**—each hover triggers a scale-in animation, and the element does not scale back out when the hover ends. This creates a progressive reveal rather than a reversible interaction.

**Key highlights:**

-   **Scale-based transition:** Images animate from smaller size to full size (scale: 0 → 1)
    
-   **One-directional interaction:** Triggers on hover without reversing on hover out
    
-   **Smooth motion feel:** Creates a polished and modern UI experience
    
-   **Minimal & clean:** Focuses on a single interaction without visual clutter
    
-   **Reusable component:** Perfect for galleries, cards, and hero sections
    

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

-   All · #7936

## Details

- **Author**: Olivar Grant
- **Published**: 2026-04-21
- **Updated**: 2026-04-21
- **Added**: 2026-04-07
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows