5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tf21,

Turn static buttons into premium, high-converting conversion engines with the Glowing Beam Button for Framer — an advanced animated CTA button designed to increase clicks, boost CTR, improve engagement, and elevate perceived product value across SaaS websites, landing pages, startup funnels, and modern marketing experiences.

Built to stop scrolls and drive action, this premium Framer button component transforms ordinary links into visually magnetic call-to-actions using a rotating gradient beam, layered neon glow, micro-interactions, and optional particle energy effects. Instead of relying on outdated hover animations alone, Glowing Beam Button stays visually active even while idle—continuously drawing attention to your most important actions while enhancing hierarchy, urgency, and conversion performance.

Perfect for hero sections, pricing pages, upgrade prompts, product launches, onboarding flows, waitlists, checkout CTAs, newsletter forms, app downloads, and portfolio websites, this interactive Framer CTA creates a polished “energy halo” around your button that commands attention without overwhelming your UI. The result is a premium, futuristic button design that feels more clickable, more dynamic, and more conversion-focused.

Designed specifically for Framer creators, marketers, and SaaS founders, every detail is fully customizable directly inside the Framer property panel — including gradient colors, rotating beam speed, glow intensity, particle motion, button size, padding, border radius, and visual style. No coding required.

Engineered for responsive performance, the Glowing Beam Button delivers smooth animations across desktop, tablet, and mobile while maintaining fast page speed—making it ideal for conversion-optimized Framer websites where design quality and loading speed both matter.

Key Features

✨ Premium Rotating Gradient Beam CTACreate scroll-stopping animated call-to-action buttons with a continuously rotating light beam that instantly attracts attention and improves click-through rates.

🌈 Advanced Color, Glow & Speed CustomizationFully control gradient palettes, beam motion, glow intensity, and animation speed to match your brand identity, SaaS UI, startup aesthetic, or product launch design.

✨ Optional Particle Energy LayerAdd subtle animated particles for added depth, movement, and futuristic energy—perfect for SaaS landing pages, AI products, startup launches, and premium digital experiences.

🎨 Multiple Design VariantsChoose from dark, light, transparent, or layered visual styles for seamless integration into hero sections, pricing cards, dashboards, and modern UI systems.

🔧 Flexible Layout ControlsCustomize padding, corner radius, scale, and proportions to create pill buttons, rounded premium CTAs, sharp rectangular buttons, or bold promotional highlights.

⚡ Performance-Optimized for FramerBuilt for fast-loading websites with smooth, responsive animation that enhances user engagement without sacrificing performance, UX, or Core Web Vitals.

5a:[["$","$L5d",null,{"post":{"id":"019a767d-d974-71c8-9a1a-226632202b56","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qfxlQ1AT4U5nqWTv09bZ","resolved":true,"title":"GlowingBeamButton","body":"$5e","bodyJson":null,"introduction":"Animated glowing CTA button with aura","slug":"glowingbeambutton","author":{"framerUserId":"74ce84ac-f65d-4f95-a1bc-fbf46f4e6ade","name":"Imesh Dilshan","slug":"imeshdilshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1210257/avatar-okb7rCVeUxAGwzlV3Ra5PpZ4lrcJ7m.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qfxlQ1AT4U5nqWTv09bZ/glowingbeambutton-7TpLezbBWcMiirA5dh6dhxKc8FSKtv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-01T15:02:18.932Z","updatedAt":"2026-05-15T10:14:51.708Z","publishedAt":"2025-11-12T05:15:50.516Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/GlowingBeam-Button-VY59.js@vDLNzC17BR0OvsmYHKcr","previewUrl":"https://exhilarated-resources-242442.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"vDLNzC17BR0OvsmYHKcr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":31,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-12T05:15:50.516Z","updatedAt":"2025-11-12T05:15:50.516Z","reported":false}}],"$L5f"]

Suggested for you