---
title: "Tilt Card (Glare) — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Gwatsin T · Cards. 3D tilt with a cursor-lit glare"
canonical: "https://framer.elliotli.dev/component/tilt-card-glare"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Tilt Card (Glare)

# Tilt Card (Glare)

3D tilt with a cursor-lit glare

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

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

## Summary

3D tilt with a cursor-lit glare

## Description

Tilt Card rotates any layer in 3D toward the cursor, with a specular glare that tracks the pointer across the surface. The rotation follows from the pointer's position within the card, so the whole surface responds rather than snapping to a fixed angle.

Drop a card, image, product shot or pricing panel into the Content slot and tune the motion on the canvas. Thirteen property controls cover tilt angle, perspective depth, scale, glare strength and size, follow and return timing with separate easing, and a reverse toggle.

**Three tuned presets**

_Subtle_. A shallow tilt with a deep perspective and no glare, for editorial cards where the motion should stay quiet.

_Standard_. A clear tilt with a soft glare and a gentle settle. This is how it ships, so it works well without touching a control.

_Dramatic_. A steep tilt, close perspective and a bright glare, for a single hero element.

**Setting up**

Paste the component link into your Framer project's Insert panel. Nothing to install.

Set Radius to match your card's own corner radius. The glare is an overlay, so if the radii differ you will see it square off at the corners.

**Good to know**

The layer in the Content slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

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

-   All · #6641

## Details

- **Author**: Gwatsin T
- **Price**: $9.00
- **Published**: 2026-09-09
- **Updated**: 2026-10-24
- **Added**: 2026-09-09
- **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