---
title: "Extruded Image Card — Free Framer component · Best of Framer"
description: "Free Framer component · by archiv.studio · Cards. Image card with hover extrusion motion"
canonical: "https://framer.elliotli.dev/component/extruded-image-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Extruded Image Card

# Extruded Image Card

Image card with hover extrusion motion

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

![Extruded Image Card preview image 1](https://framer.elliotli.dev/og/component/extruded-image-card/6d1159d49636a852/1600x1200.jpg)

## Summary

Image card with hover extrusion motion

## Description

About this component An interactive image card component featuring a smooth hover-based extrusion effect with gradient depth. Designed to feel tactile and intentional, while remaining flexible and easy to customize. Features Hover-based extrusion interaction Gradient depth with 1–4 customizable colors Adjustable extrusion depth, direction, and offset for subtle refinement Image fit options: Cover, Contain, Fill Image card corner radius control Optional name and title Name and title alignment control Text reveal modes: Always, Staggered, Together Text shadow and color controls Image scale on hover Extrusion animation timing and easing controls Disable extrusion interaction on mobile Made for “Meet the Team” sections on corporate or startup websites. Speaker or guest lineups for conferences and events. Portfolios or agency sites to showcase collaborators or clients. Product landing pages or presentations require an interactive profile display.

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

-   All · #569

## Details

- **Author**: archiv.studio
- **Published**: 2026-01-26
- **Updated**: 2026-03-16
- **Added**: 2026-01-09
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator