Today I spent my entire Sunday exploring some of the new things Google recently launched with Gemini. Since the hive.io website is currently under construction and being improved step by step, I thought... why not try to contribute a little something myself?
I went to the Google AI Studio at https://aistudio.google.com
and at first, I only wanted to ask the AI agent to animate the HIVE logo. I had the logo as an SVG file and thought it would be a simple request. But while playing around, I realized how much fun it was to experiment with these AI tools. And instead of just one animation, I wanted a tool that could do more.
So I asked the AI to build me a simple online tool where I could upload any SVG file, and it would automatically detect all the individual layers of that SVG. Then I could choose animations for each layer separately. What came out was honestly more than I expected. The AI created a fully working online tool that lets me upload SVGs, assign animations to parts of them, and then export the whole thing.
When I got to the export part, I had an idea. Since I often build websites with WordPress, I told the AI that I would love to get the final result as HTML and CSS code. That way, I could easily copy and paste the animated SVG into any website I build. And yes... it worked really well.
Here you can take a look at the three animated logos I created so far. One is for hive.io, another for , and the third one for
. I really enjoyed making them and learned a lot along the way.
HIVE Logo
PeakD Logo
Ecency Logo
Let me know what you think! Would you like to see an animated logo on your site too? I would love to hear your thoughts in the comments.