Holographic Card 3D

Holographic Card 3D
Holographic Card 3D

About Holographic Card 3D

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.

From Sirrah Space

Mosaic Reveal Card
Ultra Glass Socials
Hover Reveal Text
Reveal Slider Images

Related Components

LiquidGlass Pricing
Glow Pricing
Team Card Drawer
Particle Hover Card