FlipTilt
Creates interactive 3D card animations with both flipping and tilting effects. Perfect for showcasing products, team members, or any content that benefits from 3D presentation
Make it with Workshop
Build your own component with AI
About this component 🎛️
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.
Key Features ✨
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
Questions❓
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
Changelog ⚙️
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
