The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
These were my 3 entries for the @SVGator challenge ✦
I saw a lot of ads in the challenge, so I went a different way and built UI elements: pieces you can reuse in lots of contexts, for lots of different kinds of users. I also wanted them to be simple and practical, so you can drop them into a project and have them working in minutes.
If you had to pick one, which would it be? Let me know in the comments 👇
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
WHIP: the hyper-motion ad every product drop deserves
A product launch gets about two seconds in someone’s feed. Most of the work goes into the product, and the ad ends up as a still image with a price on it.
WHIP is built for those two seconds. The headline slams in, the shoe whips across the screen, stat tiles snap into a grid, callouts point at the details, and the whole thing ends on a clean brand card. It’s four scenes, loops in 15 seconds, and holds the same energy from start to finish.
I built it as one SVGator template, then dropped in three brands to show that it adapts without breaking:
👟 VOLTA, a cream court sneaker
🔥 KILN, a black and ember hi-top
🥾 HARROW, a full-grain leather Chelsea boot
The animation is the same every time. To make it yours, retype the text, swap one product image and change four colours. Every layer is named, the motion sits on wrapper groups, and you never touch a keyframe. A new brand takes under a minute.
All artwork was made for this template, the brands are fictional and the fonts are open source (Anton and Archivo), so it’s free to give away.
If you launch products, this one’s for you. What should WHIP sell next? 👇
Template: https://app.svgator.com/editor#/d10eaa341c0b4fcbbcde1d5d8f5f18a3
@SVGatorApp #svgatorchallenge
surely in one of the finest submissions.
The only glow on the Kestra page is the reflective strip on the jacket. It comes from the image itself, so the Framer layers on top stay flat: grey, white and mono text, no glow effects on buttons or headings. That keeps the page easy to edit, because nothing in the UI depends on one lighting setup. If you swap the photo, the glow goes with it. Would you add a glow effect in Framer or keep it in the image?
wow, nothing but top notch
VELOCITY turns a single drop of water into a hero launch for audio products. Built using the SVGator MCP and designing the products manually with Blender, the template pours water onto any headphone image and floods it into shape, because water takes the form of whatever it fills. That fluidity is the point: creators can swap the product render, brand colours and copy while the animation stays the same, making it ideal for product drops, colourway launches and pre-order campaigns.
Water taking the form of whatever it fills is a gorgeous concept for a launch template, Prajin. Pouring water over a headphone image and flooding it into shape is the kind of fluid drama that stops the scroll. Swapping renders while the animation stays the same is clever engineering too.