---
title: "Tilt Card Group — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Jephthah Ledum · Carousels. 3D Tilt Cards With Depth & Glow."
canonical: "https://framer.elliotli.dev/component/tilt-card-group"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Tilt Card Group

# Tilt Card Group

3D Tilt Cards With Depth & Glow.

[View on Framer](https://framer.com/marketplace/components/tilt-card-group/?via=elliot-li)

![Tilt Card Group preview image 1](https://framer.elliotli.dev/og/component/tilt-card-group/d94956e8c3442bbb/1600x1200.jpg)

## Summary

3D Tilt Cards With Depth & Glow.

## Description

### Overview

Tilt Card is a fully interactive, deeply customizable card component built for Framer. Each card responds to the user's cursor with a smooth 3D tilt, a shimmer highlight that follows the mouse, and a soft color glow that pulses on hover — all driven by native browser APIs with no external dependencies.

The component ships with three pre-built card styles out of the box — Violet, Rose, and Teal — but every visual property is exposed in the properties panel, so you can make it match any brand in minutes.

### What's Included

-   Unlimited cards — add or remove cards freely from the properties panel. No cap.
    
-   3D tilt interaction with configurable angle, perspective, and return spring
    
-   Per-card shimmer layer that tracks the cursor position in real time
    
-   Hover glare, mesh gradient layer, noise texture, and colored box shadow — all individually toggleable
    
-   Four custom cursor styles per card: Plus, Asterisk, Circle, and Square — plus the Default browser cursor
    
-   Cursor follows the mouse with a smooth, weighted lag (adjustable per card)
    
-   Logo block that accepts either a text glyph or a custom image — never both simultaneously
    
-   Clickable arrow button with a URL link field per card
    
-   Fully fluid layout — cards shrink gracefully on small screens and grow vertically to fit long content
    
-   Every property grouped into labelled sections with plain-language descriptions so you always know what you're editing
    

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

-   All · #1674

## Details

- **Author**: Jephthah Ledum
- **Price**: $5.00
- **Published**: 2026-05-18
- **Updated**: 2026-09-21
- **Added**: 2026-05-03
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view