---
title: "HolographicCard3D — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Umut Sevinc · Noctua · Cards. Holographic foil effect for images"
canonical: "https://framer.elliotli.dev/component/holographiccard3d"
---

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

# HolographicCard3D

Holographic foil effect for images

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

![HolographicCard3D preview image 1](https://framer.elliotli.dev/og/component/holographiccard3d/58275a4d18c73a0e/1600x1200.jpg)

## Summary

Holographic foil effect for images

## Description

Introducing the **Holographic Card** component.

A trading-card holographic effect for Framer — rainbow spectrum sweep in color-dodge, 3D tilt, SVG foil texture, specular glare. Cubic-bezier ease-out on release that makes the card feel alive.

**How to Use and Customize**

-   Drop the component at any size — width 100% / height 100% — it adapts to its frame.
    
-   Set an Image (any aspect ratio works).
    
-   Hover to activate: tilt, spectrum sweep, glare and lift-on-scale all kick in together.
    
-   Spectrum A, B, C are the three colors blended in color-dodge.
    
-   Reflection (0–1.5) is the spectrum opacity multiplier.
    
-   Tilt (0–30°) controls the 3D rotation amplitude.
    
-   Radius (0–60px) for the corner radius.
    
-   Pure CSS transforms + one inline SVG <feTurbulence> — no canvas, no WebGL.
    

Enjoy 😃

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

-   All · #7313

## Details

- **Author**: Umut Sevinc · Noctua
- **Price**: $8.00
- **Published**: 2026-06-15
- **Updated**: 2026-06-15
- **Added**: 2026-05-26
- **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