Website
Animated Website Hero Template in Framer
This is a hero section template created in Framer that uses the new vector tools. Feel free to remix it and check out how it's built - no coding needed.
Created by



About the resource
To create the crazy animated visual on the right side of the hero section, I used the new vector tools to draw a globe with multiple circle shapes. Then I added them into a vector set so I could animate their strokes with the new stroke effect. This gave me a pretty good starting point, but I wanted to go the extra mile.
About the resource
To create the crazy animated visual on the right side of the hero section, I used the new vector tools to draw a globe with multiple circle shapes. Then I added them into a vector set so I could animate their strokes with the new stroke effect. This gave me a pretty good starting point, but I wanted to go the extra mile.
About the resource
To create the crazy animated visual on the right side of the hero section, I used the new vector tools to draw a globe with multiple circle shapes. Then I added them into a vector set so I could animate their strokes with the new stroke effect. This gave me a pretty good starting point, but I wanted to go the extra mile.

The circle shape structure.

The circle shape structure.

The circle shape structure.
So to make this crazier, I used the animated background component and placed it over the icon with multiply blending mode and below with normal blending mode.
This resulted in a pretty stunning, futuristic AI-vibe visual.
So to make this crazier, I used the animated background component and placed it over the icon with multiply blending mode and below with normal blending mode.
This resulted in a pretty stunning, futuristic AI-vibe visual.
So to make this crazier, I used the animated background component and placed it over the icon with multiply blending mode and below with normal blending mode.
This resulted in a pretty stunning, futuristic AI-vibe visual.

The final animated visual.

The final animated visual.

The final animated visual.