---
title: "3D Tilt HoloCard — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Ricky R · Cards. HoloCard is a responsive holographic card system for Framer."
canonical: "https://framer.elliotli.dev/component/3d-tilt-holocard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Tilt HoloCard

# 3D Tilt HoloCard

Holographic Tilt Card

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

![3D Tilt HoloCard preview image 1](https://framer.elliotli.dev/og/component/3d-tilt-holocard/6510f3e4b6f6c717/1600x1200.jpg)

## Summary

HoloCard is a responsive holographic card system for Framer.

## Description

**Light on foil, not a gradient on a card.**

HoloCard is a responsive holographic card system for Framer. Its iridescent spectrum and light sweep move against the 3D tilt, creating a more physical foil effect than a simple moving gradient.

**Use one of 5 layouts: Ticket, Membership, Gift Card, Event Pass, or Stat.** Or switch to Custom Frame and apply the treatment to a Framer design you've already built.

**Highlights**

• Counter-parallax foil + traveling light sweep • Cursor-tracked 3D tilt + glare • Aurora, Chrome, Sunset, Neon + Custom spectrum • Five responsive layouts + Custom Frame • Both / Hover Only / Idle Only / Off motion modes • Optional card link or tap-to-cycle spectra • Fit-to-Frame responsive sizing • Adaptive title, spacing + decorative barcode • Separate display + etched font controls • Reduced-motion support • Static on the Canvas and in exports • Pauses motion when off-screen • Visible keyboard focus states • Zero dependencies

**Setup**

Add HoloCard, keep Sizing on Fit to Frame, set the frame width to Fill and height to Fit, then choose a layout and spectrum. Preview to see motion.

**Note:** _the generated barcode is decorative and not scannable._

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

-   All · #3447

## Details

- **Author**: Ricky R
- **Price**: $9.00
- **Published**: 2026-08-11
- **Updated**: 2026-10-19
- **Added**: 2026-08-11
- **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