---
title: "3D Parallax Cards — Free Framer component · Best of Framer"
description: "Free Framer component · by John Valentine · Cards. 3D Responsive Parallax Card Grid Bring your projects to life with a sleek, interactive card grid designed for modern websites."
canonical: "https://framer.elliotli.dev/component/3d-parallax-cards"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Parallax Cards

# 3D Parallax Cards

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

![3D Parallax Cards preview image 1](https://framer.elliotli.dev/og/component/3d-parallax-cards/34cca1d8c5bfd485/1600x1200.jpg)

## Summary

3D Responsive Parallax Card Grid Bring your projects to life with a sleek, interactive card grid designed for modern websites.

## Description

**3D Responsive Parallax Card Grid**

Bring your projects to life with a sleek, interactive card grid designed for modern websites. Each card tilts subtly toward the cursor, casts a soft shadow, and returns smoothly on mouse out. An optional glare highlight and staggered reveal animation create a premium, Apple-like feel without sacrificing performance.

**Features**

-   **Responsive:** 1–6 columns with breakpoint controls
    
-   **Customizable:** adjust card content, layout, aspect ratio, radius, colors
    
-   **Effects:** tilt depth, shadow strength, glare toggle, reveal animations
    
-   **Glassmorphism mode:** translucent surfaces with backdrop blur
    
-   **Performance-ready:** GPU transforms, lazy-loaded images, reduced-motion support
    

Perfect for portfolios, product galleries, blog previews, or any modern landing page.

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

-   All · #6198

## Details

- **Author**: John Valentine
- **Published**: 2025-09-27
- **Updated**: 2025-09-26
- **Added**: 2025-09-18
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards