A fully interactive 3D tilt card with holographic video and motion tracking.
Made with Workshop
Build your own component with AI
This component brings a futuristic 3D hover interaction to Framer. As the user moves their cursor across the card, it dynamically tilts, rotates, and shifts perspective—creating a hologram-like effect that feels alive and reactive.
The card uses a high-precision motion tracking system that calculates cursor position in real-time and applies smooth 3D rotation, depth perspective, and animated easing. A looping autoplay video renders inside the card, making it perfect for showcasing cinematic clips, product previews, NFTs, UI shots, or portfolio visuals.
All behavior can be controlled through Framer’s editing panel: tilt intensity, perspective depth, border radius, and easing duration. Hover in for full motion—hover out for a smooth reset transition.