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
Meet Event Card, my #svgatorchallenge entry šļø
Event Card brings the event sign-up flow to life: a UI element for platforms that manage events, made to feel dynamic and easy to use for any kind of audience š
The pack, each one in its own link š
āØ Template Showcase
https://app.svgator.com/editor#/af7a759af732440ba145dc3c26189793
āļø Light mode template
https://app.svgator.com/editor#/bda41b49a31e4c8796539621582be529
š Dark mode template
Every layer is labeled EDIT TEXT / IMAGE / COLOR, so you can swap in your own event without touching the animation š§© Made with the SVGator MCP, calendar included.
Would love to hear what you think! āØ
#svgatormcp #uielement #uidesign #motiondesign #microinteractions
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
ā¢ Oct 18
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.