---
title: "FlipTilt — Free Framer component · Best of Framer"
description: "Free Framer component · by 8ighty8  · Effects. About this component 🎛️ FlipTilt is a 3D card component with flip animations, tilt effects, and reactive shadows."
canonical: "https://framer.elliotli.dev/component/fliptilt"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/FlipTilt

# FlipTilt

3D card effect

[View on Framer](https://framer.com/marketplace/components/fliptilt/?via=elliot-li)

![FlipTilt preview image 1](https://framer.elliotli.dev/og/component/fliptilt/a7710a4e5dfc657d/1600x1200.jpg)

## 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**](mailto:order.hello@8ighty8.studio)

**Follow me on X** [**@8ighty8studio**](https://x.com/8ighty8studio)**If you find this component useful, and want to support me.** **You can** [**buy me coffee 😊**](https://buymeacoffee.com/8ighty8)

## Rank history [How rankings work →](/terms#rankings)

-   All · #5126

## Details

- **Author**: 8ighty8
- **Published**: 2025-08-25
- **Updated**: 2026-03-27
- **Added**: 2025-08-12
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo