FlipTilt is a 3D card component with flip animations, tilt effects, and reactive shadows. It features two-sided content with smooth transitions, enhanced by mouse-tracking tilt mechanics and shadow positioning for a realistic floating effect.
Cards dynamically tilt based on mouse position for enhanced interactivity
Choose between smooth and bounce animations with customizable duration
Adjustable shadows, border radius, and flip directions (horizontal/vertical)
Accepts any Framer components as front and back content
If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio
Follow me on X @8ighty8studio
Version 2: 8/25
Added dynamic shadow positioning that follows the mouse cursor and enhanced flip and tilt animations for a more natural feel
Supports both hover and click triggers for flipping