Skip to content

component

Interactive Orb Face

By Dwight Retulla

Details

Summary

Aurora orb with reactive face

Description

An interactive glowing orb for Framer with a soft aurora mesh, a clean geometric face, and subtle motion designed for hero sections, portfolios, AI landing pages, and ambient visual storytelling. It combines a diffused abstract sphere with responsive pointer movement, layered parallax, gentle floating, and optional blinking for a calm but lively presence. The component is built to be easy to edit in Framer with a clean, grouped property panel and ready-to-use defaults. Users can quickly style the orb without touching code, which aligns with Framer’s guidance to organize properties clearly and make components easy to tweak. Controls include: Preset: switch between multiple aurora color styles. Appearance: adjust sphere size, glow, blur, opacity, and overflow. Interaction: control hover response, tilt, depth, and easing. Motion: enable floating and adjust amount and speed. Face: edit line color, face scale, eyebrow curve, and eye size. Blink: toggle blinking and adjust interval and duration. Pros: Strong visual impact with a minimal footprint. Easy to place in hero sections and premium layouts. Clean defaults that already look polished on canvas. Flexible styling for calm, playful, or futuristic moods. Organized controls for faster customization. Best for: SaaS and AI hero sections Portfolio intros Personal brand websites Ambient interactive headers Modern landing pages

Introduction

Aurora orb with reactive face

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600175098/148/228/309/79/15
  • All · #7509