This is an animated Framer code component for creating a beam-style integration hub on your landing page.

Use it to turn a static integration grid into a dynamic hero or feature section, with soft animated beams connecting a central hub and satellite icons. Built for AI product pages, integration showcases, developer platforms, SaaS websites, and ecosystem marketing sections.

What’s included:

Fully responsive Framer code component

Three layout modes: Split, Arc, and Circle

Inbound, outbound, or alternating beam animation

Full color, timing, glow, and layout controls

Optional hub halo pulse and beam glow filter

Support for up to 12 satellite icons

Reduced-motion accessibility support

Animation pauses offscreen to save device resources

Compatible with Framer previews, thumbnails, and image exports

How delivery works: After purchase, you’ll receive instant access to a downloadable HTML access file.

Inside the HTML file, you’ll find:

The Framer Component URL

Installation instructions

Support contact details

To install the component, open the downloaded HTML file, copy the Framer Component URL, then open your Framer project and paste it directly onto the canvas using Cmd+V / Ctrl+V.

The component will appear on your canvas and will also be added to your project’s Assets panel, where you can reuse it across your pages and customize it from the property panel.

Support If you have any issues accessing or installing the component, you can find my email inside the HTML file, together with the component link and installation instructions.

Because this is a digital product with instant delivery, refunds are generally not available once the downloadable HTML access file has been delivered.

By purchasing, you agree to receive immediate access to the digital product and understand that access cannot be returned once delivered.

If you experience a technical issue with the component or cannot access the file, please email me using the email address included in the HTML file.