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
"One wallet wins. Always random." needed something alive next to it.
So I built the coin in Unicorn Studio. The glow, the light moving through the dark, the coins drifting behind it, all rendered live in the browser with #WebGL. No video, no loop, every frame drawn in real time.
It stays sharp on any screen and loads in a blink. For a platform built on something real happening every round, the first thing you see should feel real too!
What do you use to bring your hero sections to life?
That WebGL effect adds so much depth to the hero. Really nice work.
Thanks mate, yeah, it's worth to work with Unicorn 🚀
Outstanding !
the coin glow makes the random line feel tangible. webgl in the browser is a strong choice here.
And the best part? The coin and shadows react to your every move. Amazinggg 😍
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
Press Proof — a Video.js v10 skin that prints its controls
Press Proof treats the player as a sheet on a proofing table. Most skins float translucent controls over the picture and hope the footage cooperates; this one prints them, in solid ink on an off-white paper strip, so they read the same over a night sky or a snowfield (ink on paper is about 16:1).
Every mark comes from the print shop and has a job. The timeline is a printer's colour bar with ruler ticks and a hatched buffer, the scrubber is a registration target, fullscreen is a pair of crop marks, volume is a ten-step densitometer scale, and the big play button is a registration target whose cyan and magenta plates sit slightly off register. The one piece of motion with a personality is misregistration: hover a control and its plates slip and snap back into register. With reduced motion on, nothing travels.
It stays usable for everyone: all controls in visual order on the keyboard with a single magenta-on-paper focus mark, menus that close with Escape and return focus, touch targets of 40 px or more, a full-bleed strip on phones, RTL support, and a clean fallback to system colours in Windows High Contrast. Icons were drawn for the skin; type is IBM Plex Mono. The demo page switches between bright footage (our Mux asset) and dark footage so legibility can be judged over both, and links to the skin workbench for sizes, ratios, languages and RTL.
Built with an AI coding assistant (Claude Code) from the Video.js CLI Scaffold starting point, under human art direction and review.
Footage: Big Buck Bunny (excerpt), © Blender Foundation, CC BY 3.0, hosted on Mux; NASA Cosmic Dawn trailer (Video.js demo asset). Typeface: IBM Plex Mono (OFL). Skin licensed under Apache-2.0. Design and build: Rui Codex, Belgium.
Designed around the "Gone Offline // Un-Wipeable" theme, this custom Video.js v10 skin provides a high-contrast cyberpunk HUD player interface. Built with dark steel panels, electric cyan controls, and neon tactical overlays, it prioritizes accessibility (visible keyboard focus rings, 44px hit targets, reduced motion support) without compromising on original visual identity.
