---
title: "ImageShadow — Free Framer component · Best of Framer"
description: "Free Framer component · by Pablo R · Cards. Image Shadow Component - Details Add depth to your images with vibrant blurred shadow effects."
canonical: "https://framer.elliotli.dev/component/imageshadow"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ImageShadow

# ImageShadow

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

![ImageShadow preview image 1](https://framer.elliotli.dev/og/component/imageshadow/9becc502412dc6fe/1600x1200.jpg)

## Summary

Image Shadow Component - Details Add depth to your images with vibrant blurred shadow effects.

## Description

## Image Shadow Component - Details

Add depth to your images with vibrant blurred shadow effects. Upload any image and the component automatically creates a colorful shadow layer behind it.

## Customizable Controls:

**Shadow Settings**

-   **Blur Amount** - Adjust shadow blur intensity from subtle to heavily blurred
    
-   **Opacity** - Control shadow transparency for subtle or dramatic effects
    
-   **Offset X** - Move shadow horizontally (left/right)
    
-   **Offset Y** - Move shadow vertically (up/down)
    
-   **Darken Amount** - Control how much darker the shadow appears
    

**Image Settings**

-   **Border Radius** - Add rounded corners (shadow automatically matches)
    
-   **Dimensions** - Adjust width and height; shadow scales automatically
    
-   **Aspect Ratio** - Lock proportions for consistent sizing
    

## Features:

## ✓ Transparent background - works over any backdrop ✓ Fully responsive and auto-scaling ✓ Real-time preview of adjustments ✓ Modern, elevated aesthetic

**Perfect for:** Hero sections, product showcases, team profiles, portfolio pieces, featured images, and call-to-action cards.

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

-   All · #7057

## Details

- **Author**: Pablo R
- **Published**: 2025-10-17
- **Updated**: 2025-10-17
- **Added**: 2025-10-09
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards