---
title: "Holographic Card 3D — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Cards. 3D React Holographic Card."
canonical: "https://framer.elliotli.dev/component/holographic-card-3d"
---

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

# Holographic Card 3D

3D React Holographic Card.

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

![Holographic Card 3D preview image 1](https://framer.elliotli.dev/og/component/holographic-card-3d/73a58084c185a0f7/1600x1200.jpg)

## Summary

3D React Holographic Card.

## Description

Elevate your Framer website with this high-fidelity Holographic Card. Built with React Motion, this component delivers a stunning 3D tilt effect that follows your mouse, creating a sense of realistic depth and shine.

Unlike standard cards, this component is equipped with a **custom-coded glass scrollbar**, ensuring that long descriptions remain accessible without breaking the visual aesthetic.

**Key Features:**

-   **Real-time 3D Tilt:** Smooth physics-based animation that reacts to cursor movement.
    
-   **Holographic Foil:** Dynamic rainbow gradients and sheen effects on hover.
    
-   **Modern Scrollbar:** A custom, ultra-thin, rounded scrollbar that blends perfectly with the card.
    
-   **Fully Customizable:** Easily change the background color, text, opacity, fonts, and images.
    

**How to Use**

1.  **Insert:** Drag and drop the component onto your canvas. The default optimized size is **300x400px**.
    
2.  **Content:** Update the Image, Title, and Description in the properties panel on the right.
    
3.  **Style:** Adjust the Holo Opacity and Background Color to match your brand theme.
    

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

-   All · #8999

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2026-01-19
- **Updated**: 2026-07-26
- **Added**: 2025-12-28
- **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