Luminous Border

Luminous Border is a lightweight Framer Code Component that adds a smooth animated glow around your page, section, card, or frame. It is built for clean modern interfaces, landing pages, SaaS websites, portfolios, and premium product pages.

The component includes customizable glow intensity, thickness, blur, opacity, color palettes, animation speed, radius, blend mode, full-page mode, and frame mode. You can use it as a subtle luminous border or create a more expressive neon-style visual effect.

It is optimized for performance and includes static-renderer support for Framer, so animations and global listeners are disabled during static rendering, previews, thumbnails, and exports. This helps keep your Framer canvas smooth and reliable while still giving your published site a polished animated look.

Perfect for:

• Hero sections

• Product cards

• SaaS landing pages

• Portfolio websites

• Dark UI layouts

• Premium interactive sections

• Futuristic and glassmorphism designs

No npm package is required. Just install the component, customize the controls, and drop it into your Framer project.