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
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