5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T5f8,

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.

59:[["$","$L5c",null,{"post":{"id":"01a0567b-7c06-7531-86c1-68dd75b0ac92","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SrH67qgdVVMm9VEAEukx","resolved":true,"title":"Lumina Hero","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Lumina Hero brings the polised, fluid aesthetic of top-tier agency landing pages into a clean, stable Framer component architecture that just works."}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph","content":[{"type":"text","text":"What's Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"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."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"App Window Chassis: A dimensional dark-glass frame built for instant replacement with your own product screenshots or UI previews."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Glow Button: High-converting CTA button with fluid magnetic cursor tracking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exposed Controls: CTAs, copy, and orb shader colors directly from the properties panel."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" AI startups, modern SaaS tools, devtools, and high-ticket agency landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Support & Questions","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built and tested for seamless integration. If you have questions before or after purchasing, reach out any time via "},{"type":"text","text":"email","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@beyondpixel.co","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Dark Hero Kit with 3D WebGL Orb","slug":"lumina-hero","author":{"framerUserId":"92f85217-4ff4-4858-b467-cf6673b6f28c","name":"BeyondPixel","slug":"beyondpixel","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/wt4x7l31","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92f85217-4ff4-4858-b467-cf6673b6f28c/01a05672-994f-7789-a917-31f09f977cf3.jpg","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T06:22:07.848Z","updatedAt":"2026-08-31T06:31:09.367Z","publishedAt":"2026-08-31T06:22:07.844Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://brilliant-tuna-549482.framer.app/","price":"29","paymentUrl":"https://beyondpixel.lemonsqueezy.com/checkout/buy/168c8cda-6092-49f0-a547-3f8761d383fb","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"sJRtMaIoAAw1aJh1as1v","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T06:22:08.390Z","updatedAt":"2026-08-31T06:22:08.390Z","reported":false}}],"$L5e"]

Suggested for you