Skip to content

component

Light Cards 3D

By Aidan Looker

Details

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 contact@teampixel.com.au .

Introduction

3D cards with dynamic hover.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600175358/148/228/309/79/15
  • All · #7535