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
A unique unveiling of a virtual showroom!
A project based on Three.js that starts with the opening of a modern container, light entry, and suspended dust particles, and offers features like rim customization, interior cabin inspection, and dynamic lighting
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
🎬 Four custom Video.js skins — built to work for everyone, everywhere.
🖇️ Papercut — a construction-paper collage look perfect for kids’ content and educational platforms, fully keyboard-navigable with clear focus outlines for classroom and library use.
🎨 Clay — a modelling-clay diorama style suited to children’s shows and playful brand sites, built to resize cleanly whether it’s embedded full-width or in a small widget.
📟 ASCII Glitch — a terminal/broadcast aesthetic that fits music stations, zines, and indie media sites, with reduced-motion support and high-contrast text for late-night, low-light viewing.
✏️ Sketch — a hand-drawn notebook style great for maker spaces, courses, and DIY tutorials, keeping full keyboard access and accessible labels so learners of any ability can follow along.
Built responsive, accessible, and true to their look at every size — from phones to desktops. 👉 See them all in action: https://skins-showcase.vercel.app/#/
Millennium MC-2000 is a see-through Y2K flip phone that plays video. The keypad isn't decoration: every key is a real Video.js shortcut. 1–9 jump to 10–90%, OK plays, the D-pad seeks and sets volume, ✱ is captions, # is fullscreen.
The status bar is live player data: signal bars show the buffer, the battery shows volume, the clock shows time, and a ✉ arrives with each new chapter. Under 480px the lid closes and flips open on demand.
Every key is 44px and keyboard-reachable, and with reduced motion or transparency the shell turns solid and still.
It works with any video: millennium-mc2000.netlify.app/?media=plain
More explorations: two more skins I designed, switchable live on the same film, at zazzy-skins.netlify.app (House, built from videojs.org's own brand, and Darkroom, a film-developing player).
Film: "Caminandes 3: Llamigos" by Blender Foundation, CC BY 3.0.
Lovely work Zazzy
Darkroom, a Video.js v10 skin that develops your video like 35 mm film.
Darkroom turns the Video.js v10 player into a roll of 35 mm film. The scrubber is the strip itself: four perforations to a frame, chapters spliced on frame lines, and every frame you have watched develops into an orange negative printed from the video's own storyboard. Hover a frame and it flips to a positive, with a contact print above it naming the frame and time. The readout is a darkroom timer instead of a timestamp: a camera counter that starts at S, ticks through 36 exposures and ends at 36 END, where a Roll complete card rewinds the strip in steps.
Safelight red is kept for focus rings, the exposure lamp and active states. Everything else is paper on a grain textured panel that holds 11:1 contrast over white footage, so the controls stay readable over any video. The icons are a custom family drawn for the concept: a viewfinder for fullscreen, an aperture for settings, a rewind crank for restart.
It is fully keyboard operable with visible focus everywhere, 44 px touch targets, reduced motion support, forced colors support, and a responsive layout tested from 240 px to fullscreen in Chrome, Safari and Firefox. The showcase page lets you switch between dark and bright footage and between 16:9 and 9:16.
Replacing the timestamp with a darkroom timer is brilliant — a camera counter ticking through 36 exposures to 36 END, then a Roll complete card rewinding the strip, turns checking the time into part of the film ritual. And the icons being a custom family (a viewfinder for...