Aura Glass Card: Premium Sections Component by Joel Kazadi

Premium glassmorphic card for Framer with real-time cursor light tracking, 3D tilt, glowing borders, crystal glass presets, fine-grain noise, and full color controls. Built to make feature cards, pricing sections, and SaaS layouts feel alive.

About this Component

Aura — Interactive Glass Light Engine

Bring your interfaces to life with Aura, a premium glassmorphic card component designed for Framer.

Aura tracks cursor movement in real time, creating a dynamic internal light source that illuminates the card as users interact with it. Combined with subtle 3D tilt, glowing edges, and frosted glass materials, it creates a polished, high-end experience inspired by modern product design.

Perfect for:

• Feature Cards• Pricing Sections• Testimonials• Hero Layouts• SaaS Landing Pages• Portfolio Sites

Features

⚡ Real-Time Cursor TrackingA dynamic spotlight follows the user's cursor and illuminates the card from within.

✨ Premium GlassmorphismFrosted glass styling with customizable transparency and blur levels.

🎯 3D Tilt EngineResponsive perspective tilt driven by smooth spring animations.

🌟 Dynamic Border GlowInteractive edge lighting that reacts naturally to user movement.

🧊 Crystal PresetUltra-clear glass mode for premium interfaces and modern product showcases.

🎨 Fully CustomizableControl colors, glow intensity, glass style, noise texture, border effects, and tilt behavior directly from Framer's property panel.

🚀 Production ReadyOptimized for performance and built entirely with React and Framer Motion.

Included Presets

• Frosted• Dark• Tinted• Crystal

Built for Framer creators who want their sites to feel premium, interactive, and memorable.