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
Something's loading for the #videojsskinschallenge ⏳
We've been rethinking how you move through a video, not just how the controls look.
Live on our site already. Link drops with the reveal 👀
#VideoJS #Mux
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
I took part on Video.js Skins Design Challenge on
Introducing Frame
- An editorial skin for Video.js 10, and the small publication that presents it.
- FRAME treats the player like a page in a well-made journal: the picture comes first and the controls stay quiet until you need them. Inside the picture everything is white on ink; the page's one accent color is kept for its buttons.
GitHub Link - https://github.com/olivebishop/frame
Live Link - https://frame-one-psi.vercel.app
Really like the editorial feel.
I did try my best in the SVGator challenge. I wanted to give something unique and different.
I didn't make through the competition winnings, but I did learn different new things. Vector animation was new to me, Claude MCP was also new to me, that's why I call myself a constant learner willing to learn and implement new things, correct me what was my mistake in this.
Greeting!
Your Product on Cruise: The Shadow Knows
Spark curiosity about what your product brings, with one short, memorable call.
One template, many uses
Looping ad: Bright Dawn, Scorching Dusk, Lovely Night.
Same sub-brand, a different product each loop (swap 3 transparent PNGs).
Same product in a new colour each loop (blue, red, purple sneaker).
A different brand’s product, same template.
Loader: remove the product, add your logo, and the ship loops as a “sailing, wait...” loader.
Your own idea.
How to use
Edit the headline, tagline, brand name, logo and CTA in minutes.
Or let the SVGator + Claude MCP connector do it with you.
To add an image, go to Library → (+) → add a transparent PNG.
The background is locked so you can swap only images and text. Unlock it to edit the design.
Fun facts
Your brand name is on the ship’s hull.
Your logo is on the big screen.
Templates
Main Template: Product on Cruise, The Shadow Knows https://app.svgator.com/editor#/02633f8f2bc5489092baeafc533f4edf
Working Proof for other Contents:-
Content 2: Sub Brands https://app.svgator.com/editor#/cf60e0c18f6e4236bc0735ef7f0c0c91
Content 3: Infinite Loader https://app.svgator.com/editor#/bafa5b7149cc4bfa917bee50bc34e750
Your brand setting sail. Three moods. One voyage. Your product in every light!
@SVGator @SVGatorApp
This was definitely a concept to remember! It's only flaw was that it was a bit too niche for a template gallery. The spotlight effect is something I'd keep in future work. Works awesome for anything product-centered
Thank you for the work and for the write-up 😊
