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.
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.
