---
title: "DepthX — Free Framer component · Best of Framer"
description: "Free Framer component · by _ Designer · Cards. DepthX is a premium 3D tilt card component built to bring depth, motion, and interactive detail to modern websites."
canonical: "https://framer.elliotli.dev/component/depthx"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/DepthX

# DepthX

Interactive cards with realistic d

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

![DepthX preview image 1](https://framer.elliotli.dev/og/component/depthx/a2caa56469d08d02/1600x1200.jpg)

## Summary

DepthX is a premium 3D tilt card component built to bring depth, motion, and interactive detail to modern websites.

## Description

**DepthX** is a premium 3D tilt card component built to bring depth, motion, and interactive detail to modern websites. Move your cursor across the card to create smooth perspective-based rotation, layered image parallax, dynamic shine effects, and subtle content movement.

Customize the tilt strength, perspective, hover scale, image depth, content depth, shine intensity, border radius, shadows, and animation speed directly through Framer’s property controls.

DepthX is perfect for portfolios, creative agencies, studios, SaaS websites, product showcases, and modern landing pages. It also includes responsive behavior, reduced-motion support, and static-renderer compatibility for a smoother Framer experience.

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

-   All · #2943

## Details

- **Author**: _ Designer
- **Published**: 2026-08-10
- **Updated**: 2026-08-20
- **Added**: 2026-08-10
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator