LayerTilt Cards: Free Interactions Component by Baishali Mukherjee

Marketplace Components Categories Interactions

LayerTilt adds depth to your feature sections with one outer card and three inner cards that tilt independently in all directions with cursor movement. The layered motion creates a smooth 3D feel, paired with soft glassmorphism styling. Fully customisable..

About this Component

LayerTilt Cards is a feature card component in which each layer has its own tilt. Move your cursor over it, and all four cards react independently in all directions; the outer wrapper and each of the three inner feature cards shift on their own axis, giving the whole thing a natural, multi-depth feel.

Most tilt components move one element. LayerTilt Cards moves four, which is what makes it feel different.

Built with a frosted glass aesthetic and clean icon-label layout, it fits right into SaaS landing pages, portfolio sites, agency pages, or anywhere you want a feature section that actually holds attention. The styling is fully customisable, so you can swap icons, labels, and colors to match your brand without rebuilding anything.

Drop it in, publish, done.