---
title: "Glare Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Ahmet Loca · Cards. Glare Card is a 3D hover card component for Framer with cursor-reactive tilt animation and multi-style glare effects."
canonical: "https://framer.elliotli.dev/component/glare-card"
---

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

# Glare Card

3D Tilt Card with Glare Effect

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

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

## Summary

Glare Card is a 3D hover card component for Framer with cursor-reactive tilt animation and multi-style glare effects.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Card Bundle:** [**https://frameze.com/components/category/card?ref=bundles**](https://frameze.com/components/category/card?ref=bundles)

## **GlareCard — 3D Tilt Card with Dynamic Glare Effect**

Glare Card is a 3D hover card component for Framer with cursor-reactive tilt animation and multi-style glare effects. The card responds to mouse movement with smooth spring-based 3D rotation, creating a realistic depth illusion that makes your UI feel physical and interactive.

At the core is a real-time tilt system that rotates the card along both X and Y axes based on cursor position — giving the impression that light and perspective are reacting to the user in real time.

GlareCard includes three distinct glare modes, each creating a completely different visual atmosphere. Diamond mode generates sharp facet-like light spikes that radiate from the cursor, simulating the prismatic reflections of a cut gemstone. Holographic mode produces smooth hue-shifting color sweeps that change based on cursor angle, recreating the iridescent effect of a holographic foil card. Aurora mode creates soft flowing waves of purple, teal, and green light across the card surface, evoking the organic movement of the northern lights.

**\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_**

**Donation:** [**https://ahmetloca.dub.link/donation**](https://ahmetloca.dub.link/donation)

**if it saves you time, a small tip is always appreciated.**

**\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_**

**Key Features**

-   Interactive 3D tilt card animation with spring physics
    
-   Three glare styles: Diamond, Holographic, Aurora
    
-   Cursor-reactive conic gradient overlay effects
    
-   Real-time light direction and glare simulation
    
-   Optional title and subtitle text layer
    
-   Fully customizable background image
    
-   High performance CSS-based rendering — no external dependencies
    

**Best For**

-   Product showcase cards
    
-   Portfolio project previews
    
-   Creative agency websites
    
-   NFT and digital art galleries
    
-   Landing page hero cards
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-y1qgv217-ztNbcKFwsyfPCLWzbBabWXPBkM9eC5)

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

-   All · #6716

## Details

- **Author**: Ahmet Loca
- **Published**: 2026-05-29
- **Updated**: 2026-07-27
- **Added**: 2026-05-15
- **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