---
title: "EtherealGlowCard — Free Framer component · Best of Framer"
description: "Free Framer component · by moodica · Effects. Interactive 3D parallax glow component."
canonical: "https://framer.elliotli.dev/component/etherealglowcard"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/EtherealGlowCard

# EtherealGlowCard

Interactive 3D parallax glow component.

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

![EtherealGlowCard preview image 1](https://framer.elliotli.dev/og/component/etherealglowcard/657146d59aba9316/1600x1200.jpg)

## Summary

Interactive 3D parallax glow component.

## Description

### Component Overview

-   **Fluid 3D Parallax:** Utilizes micro-normalized physics (useSpring) to track cursor vectors smoothly without lagging, even on lower-end devices.
    
-   **Dual-Layered Lighting Physics:** Combines a high-intensity _Core Radius_ for crisp focal highlights with a broad _Ambient Radius_ to achieve a realistic, volumetric glow.
    
-   **Cinematic Vignette & Overlay:** Features an integrated internal shadow map (boxShadow) and an analog grain texture (mixBlendMode: "overlay") to deliver a rich, filmic look.
    

### Customizable Properties (Controls)

You can seamlessly customize the behavior and appearance of the card directly from the Framer properties panel without touching a single line of code:

**PropertyTypeDescription📸 Image Asset**ImageDrop in any premium image asset or photograph.**📐 Image Fit**EnumChoose between Cover, Contain, or Fill to match your layout grid.**✨ Glow Color**ColorPick a custom accent color for the adaptive interactive light source.**💧 Brightness**Number (0–1)Finetune the intensity of the illumination effect upon hover.**🎯 Core Radius**NumberAdjust the size of the sharp, central focal highlight.**🌫️ Ambient Radius**NumberControl the spread and blooming effect of the surrounding backdrop light.**🔮 Softness (Blur)**NumberDefine how smoothly the dynamic light gradients blend into the background.**🔲 Corner Radius**NumberSet the card's edge sharpness (Defaults to 0 for modern, sharp layouts).**🔄 3D Tilt Intensity**NumberScale the responsiveness and depth of the 3D mouse rotation.**🍿 Grain Texture**BooleanToggle the cinematic fine-grain film noise overlay on or off.

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

-   All · #7648

## Details

- **Author**: moodica
- **Published**: 2026-06-18
- **Updated**: 2026-06-12
- **Added**: 2026-06-07
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows