Browse categories
English
$
USD
Connect to your AI
I will code advanced vector and lottie animation and svg morphing with gsap
Thomas Trossard
About this gig
Are heavy GIFs lagging your site? Is your bounce rate too high because your landing page looks static and boring?
Most web designers use heavy video files or complex Lottie scripts that ruin mobile loading speeds and hurt SEO. You need ultra-smooth web animation that keeps your site lightning-fast.
I solve this using premium GSAP (GreenSock) and the MorphSVG plugin to create ultra-lightweight, 60fps vector animations and interactive morphing icons.
What I fix for you:
- Slow load times: Heavy GIFs replaced with microscopic SVG code.
- Low engagement: Eye-catching hover effects and seamless vector shape morphs.
- Poor responsiveness: 100% scalable animations that look flawless on retina screens.
What you get:
- Continuous looping or trigger-based animated icons.
- Fluid shape-to-shape transitions.
- Clean, production-ready GSAP code files.
- Seamless integration for Webflow, Shopify, or WordPress.
Stop losing visitors to slow, lifeless pages. Send over your Figma or SVG design files, and let's turn your static vectors into high-converting interactive elements.
Message me now to discuss your project before ordering and let's get started
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Thomas Trossard
Thomas Trossard
Lottie JSON Rive Animation Designer HTML and CSS Web Developer
- FromNigeria
- Member sinceJul 2026
- Avg. response time9 days
Languages
English, Spanish, French, German
I'm a 3D animated web designer and developer specializing in Lottie JSON, Rive, HTML, CSS, and GIF animations for websites and mobile apps. I create smooth, lightweight, and responsive animations that improve user experience, increase engagement, and bring digital products to life. Whether you need animated icons, loaders, logos, UI interactions, or custom web animations, I deliver clean, optimized, and high quality results with clear communication, fast delivery, and a commitment to exceeding your expectations.
FAQ
What files do I need to provide to start the project?
Please provide your source vector animation designs in formats like .SVG, .AI (Adobe Illustrator), or a link to your Figma frame. Ensure your vector paths are clean and layered. If you only have a flat PNG or JPEG, please message me fi
Why should I choose GSAP SVG morphing over a GIF or Lottie animation?
Heavy GIFs ruin your site's SEO and load times, while Lottie animation files can sometimes be bulky to render. A GSAP animation uses raw code to move your vectors. This means your animated icon will have a microscopic f
Will the custom SVG morph work on Webflow, Shopify, or WordPress?
Yes! Because I write clean, production-ready JavaScript and SVG code, your custom SVG morph transitions can be seamlessly integrated into any platform, including Webflow, Shopify, WordPress, or custom HTML/React sites. I will provide clear implementation instructions.
Can you make the animated icon react to user hovers or clicks?
Absolutely. I can program your vector animation to trigger exactly how you want it whether it’s a continuous loop, an eye-catching entrance on page load, a playful hover state, or a dynamic mouse click trigger using GreenSock.
What exactly is a vector SVG morph animation?
An SVG morph is a premium fluid transition where one vector shape seamlessly melts or transforms into an entirely different shape (e.g., a "Play" icon transforming smoothly into a "Pause" icon). It is powered by the elite GSAP MorphSVG plugin for organic, natural motion.
Are these animations responsive on mobile and Retina screens?
Yes, 100%. Because we are utilizing raw vector animation, your graphics are completely resolution-independent. Your animated icon assets will look incredibly sharp, crisp, and perfectly scaled on everything from older smartphones to 4K Retina displays.
What if my GSAP animation breaks or jitters on my live website?
Don't worry! I don't just send code and leave. Every package includes testing to ensure smooth cross-browser performance. If you experience any weird jumps or code conflicts upon integration, simply let me know, and I will debug the GSAP animation for you right away.
