Skip to content

component

Holographic Card 3D

By Sirrah Space

Details

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 Insert: Drag and drop the component onto your canvas. The default optimized size is 300x400px . Content: Update the Image, Title, and Description in the properties panel on the right. Style: Adjust the Holo Opacity and Background Color to match your brand theme.

Introduction

3D React Holographic Card.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600162918/148/228/309/79/15
  • All · #6291