Skip to content

component

FlipTilt

By 8ighty8

Details

Summary

About this component 🎛️ FlipTilt is a 3D card component with flip animations, tilt effects, and reactive shadows.

Description

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 If you find this component useful, and want to support me. You can buy me coffee 😊

Introduction

3D card effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400144918/148/228/309/79/15
  • All · #4491