---
title: "Hover Image Slicer — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Edi Priatama · Galleries. modern and interactive image component that splits your image into 4 animated pieces and merges them smoothly on hover."
canonical: "https://framer.elliotli.dev/component/hover-image-slicer"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Hover Image Slicer

# Hover Image Slicer

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

![Hover Image Slicer preview image 1](https://framer.elliotli.dev/og/component/hover-image-slicer/5cb51d4985a1e0a0/1600x1200.jpg)

## Summary

modern and interactive image component that splits your image into 4 animated pieces and merges them smoothly on hover.

## Description

modern and interactive image component that splits your image into 4 animated pieces and merges them smoothly on hover. Perfect for portfolios, galleries, landing pages, or product showcases that need a sleek and cinematic feel.

**Customizable option:**

-   **Image**: upload or select your desired image.
    
-   **Pattern**: choose slice animation style:
    
    -   Grid (classic four-square split),
        
    -   Diagonal (angled motion),
        
    -   Diagonal 3D (adds depth with perspective),
        
    -   Random (playful scatter).
        
-   **Gap**: control the space between image pieces when separated.
    
-   **Duration**: adjust the animation speed for hover transitions.
    
-   **Radius**: set border radius for soft or sharp corners.
    
-   **Shadow**: tweak the drop shadow intensity for depth.
    
-   **Scale**: control how much the pieces shrink during the hover effect.
    
-   **Rotation**: set the degree of rotation for a dynamic motion feel.
    

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

-   All · #5623

## Details

- **Author**: Edi Priatama
- **Price**: $3.00
- **Published**: 2025-10-23
- **Updated**: 2025-10-23
- **Added**: 2025-10-14
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.