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
My goal was to make a hypnotic 3D spatial tunnel optical illusion entirely in pure, lightweight animated SVG. Built for the Challenge , this interactive template transforms product and lookbook photography , into an infinite radial voyage, designed for luxury brand launches, hero sections, and immersive storytelling.
Key Highlights -:
Optical Illusion Engine: 6 continuous cascading annular waves expanding outward with warp-speed acceleration.
Polar Perspective Mapping: Custom mathematical radial elongation where cards flow seamlessly from a luminous vanishing core with heads pointed outward.
Programmed via SVGator MCP: Harnessed the SVGator MCP (Model Context Protocol) to programmatically calculate geometric bezier curves, and orchestrate multi-tier timeline keyframes
100% Swappable & Re-brandable: Built with an intuitive layer hierarchy featuring dedicated image slots—swap the 8 primary hero images for a quick update, or all 48 images across the 6 concentric waves for a full tunnel rebrand.
Check out the live template and second content proof below!
The radial depth creates a convincing spatial pull.
thanks Mykola .!
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
📰 FRONT PAGE
A launch-day ad that puts your product on the front page.
Tuesday, October 14. Late City Edition.
A blood orange soda came back.
Shelves cleared in eleven minutes.
Officials urged the public to remain calm.
Friday morning, a phone outlived the news cycle.
Its charger was reported missing, presumed retired.
Saturday, 12:01 a.m.
Cold brew hit the shelves.
Nobody went home.
None of it happened.
All of it made the front page.
🗞️ Every launch wants to be news.
Most of them get a banner.
I couldn't find a single newspaper in SVGator's template gallery.
So I built one.
The Bellbird Times.
The Kestrel Herald.
The Nightjar Post.
Three papers.
One template.
Zero redraws.
Retype the headline, swap the photo and the logo.
Every word is live text. Every layer has a name.
The motion never changes.
So what's your headline?
The press never stops. ✨
🛠️ Built in SVGator with the MCP. 1,038 named layers, 8,440 keyframes.
the idea , the design , motion design
everything is peak-
Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, Maréva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.
Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. Maréva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.
Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.
Links:
▶ Template (SVGator)
▶ Demo video, A → B
Love the smooth flow and the text animation! Good luck!
BLACK FRIDAY — Light Up Your Deals! 🔦
What if Black Friday was literally black?
An interactive Black Friday template where deals are hidden in the dark. Switch on the flashlight to reveal a product, its discount, and a branded offer. Switch it off, and everything disappears back into darkness.
One animation, endless possibilities. Simply replace the logo, product image, headline, discount, and colors to create a campaign for any brand.
Demonstrated with Nike, Apple, and Starbucks, showing how the same template adapts to different brands without changing its animation.
Perfect for interactive website banners, Black Friday promotions, and landing pages.
🔗 SVGator project: https://app.svgator.com/editor#/28325129fd1e4c67918b47180149fbd5
#svgatorchallenge #SVGator #Contra #MotionDesign
All three animated designs — Nike, Apple, and Starbucks — created using one reusable SVGator template.