DepthX

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

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.