Skip to content

Light Cards 3D

3D cards with dynamic hover.

Light Cards 3D preview image 1

Summary

What is Light Cards 3D?

Description

What is Light Cards 3D?

Light Cards 3D brings spatial depth and physics-driven interactions to your layouts. As users hover, items tilt based on cursor position while dynamic glare tracks movement. When placed in grids, focusing on one item automatically dims and blurs its siblings, creating a premium viewing experience. Ideal for portfolios, product showcases, and feature grids.

Core Features

  • Physics-driven 3D tilt responding to cursor position

  • Dynamic glare overlay that tracks pointer movement

  • Global hover synchronization to dim and blur sibling items

  • Native CMS Collection List compatibility

  • Glassmorphic floating eyebrow pill

Controls inside Framer

Content

  • Image

  • Eyebrow Text

  • Heading Text

  • Description Text

Typography & Colors

  • Heading Font and Color

  • Description Font and Color

  • Eyebrow Font and Color

3D Configuration

  • Perspective

  • Tilt Angle

Best use cases

  • Premium portfolio galleries displaying case studies

  • High-end eCommerce product showcases

  • Feature highlights on SaaS landing pages

  • Immersive blog post or article grids

Enhance your interface with physics-driven spatial depth and professional polish in minutes.

Questions or custom requests?

We design and build custom Framer components. Get in touch at [email protected].

Rank history How rankings work →

1500110001100538/149/49/2610/1811/9
  • All · #9625

Details

More like this