Did a small experiment today with animated SVGs in Framer.

I wanted to see how SVGs with hover interactions and SMIL animations behave. Tried using an Embed block first, then a regular Image, but neither worked the way I expected.

In the end, I had AI help me build a custom Code Component that renders the SVG correctly, and that did the trick.

Now I'm curious, how do you usually handle animated SVGs in Framer? Is there a cleaner approach than using a custom component?

Did a small experiment today with animated SVGs in Framer.

I wanted to see how SVGs with hover interactions and SMIL animations behave. Tried using an Embed block first, then a regular Image, but neither worked the way I expected.

In the end, I had AI help me build a custom Code Component that renders the SVG correctly, and that did the trick.

Now I'm curious, how do you usually handle animated SVGs in Framer? Is there a cleaner approach than using a custom component?