component
HologramImageEffect
By Chris Lacorte
Details
- Chris LacorteAuthor
- componentType
- 2025-10-16Published
- 2026-02-24Updated
- 2025-10-06Added
- EffectsCategories
Summary
3d Hologram effect
Description
Turn flat images into elegant, tactile visuals. Hologram Image Effect layers animated glare, soft shadows, and optional reflections, then ties it all together with interactive tilt. Perfect for product shots, UI previews, and portfolio cards that need a subtle “wow” without heavy motion. Built for designers: clean defaults, thoughtful controls, and smooth performance in Framer. Features Custom overlay image (textures/patterns) Blend modes (Overlay + variants) Overlay opacity & scale Animation speed Tint color & tint opacity Tilt intensity with spring stiffness & damping Border radius control Glare & shadow intensity Reflection toggle (On/Off) Use Cases Product cards, hero images, case-study mockups, galleries, CTA visuals, success/thank-you moments. Property Controls (check before purchase) Overlay Image · Blend Mode · Overlay Opacity · Overlay Scale · Animation Speed · Tint Color · Tint Opacity · Tilt Intensity · Spring Stiffness · Spring Damping · Border Radius · Glare Intensity · Shadow Intensity · Reflection (On/Off) Notes: If you have any questions before buying or need a tweak, just reach out.
Introduction
3d Hologram effect
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5399