---
title: "3D Hover Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Sara Arhune · Cards. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/3d-hover-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Hover Card

# 3D Hover Card

Pop-Out Effect

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

![3D Hover Card preview image 1](https://framer.elliotli.dev/og/component/3d-hover-card/c7bee559e643a565/1600x975.jpg)

## Summary

Pop-Out Effect

## Description

**Elevate your Framer website with this premium 3D Pop-Out Hover Card.**

Perfect for team profiles, portfolios, or dynamic bento grids, this component breaks the traditional frame with an immersive depth effect.

**Features:**

-   Smooth 3D perspective rotation on mouse move/hover.
    
-   Seamless parallax image pop-out effect.
    
-   Fully customizable image, borders, and animations.
    
-   Lightweight, fast, and fully responsive.
    

_Add a modern, interactive touch to your design in just one click!_

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

-   All · #5065

## Details

- **Author**: Sara Arhune
- **Published**: 2026-06-16
- **Updated**: 2026-06-24
- **Added**: 2026-06-16
- **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