---
title: "Lumina Hero — Framer component · Best of Framer"
description: "$29.00 · Framer component · by BeyondPixel · Sections. Overview Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component…"
canonical: "https://framer.elliotli.dev/component/lumina-hero"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Lumina Hero

# Lumina Hero

Dark Hero Kit with 3D WebGL Orb

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

![Lumina Hero preview image 1](https://framer.elliotli.dev/og/component/lumina-hero/b425f6eaf6af739e/1600x1200.jpg)

## Summary

Overview Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component architecture that just works.

## Description

A production-ready dark hero kit with interactive 3D WebGL liquid orb, Magnetic Glow CTAs, and zero-bleed fully responsive layouts. Copy, paste, and ship dark-mode elegance in minutes.

**Overview**

Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component architecture that just works.

Everything is pre-wired. Paste it into your Framer canvas, swap your copy and links directly in the right-hand panel, and ship a launch-ready hero section without touching code or digging into nested layers.

**What's Included**

-   Interactive 3D Liquid Orb (WebGL): Real-time fluid dynamics with caustic lighting that responds to mouse movement. Fully optimized with static fallback so it never times out on export.
    
-   App Window Chassis: A dimensional dark-glass frame built for instant replacement with your own product screenshots or UI previews.
    
-   Magnetic Glow Button: High-converting CTA button with fluid magnetic cursor tracking.
    
-   Exposed Controls: CTAs, copy, and orb shader colors directly from the properties panel.
    

**Perfect for:** AI startups, modern SaaS tools, devtools, and high-ticket agency landing pages.

**Support & Questions**

Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via [email](mailto:hello@beyondpixel.co).

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

-   All · #8313

## Details

- **Author**: BeyondPixel
- **Price**: $29.00
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove