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