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
ā¢ 16h
I designed UPWARDš„ . It is a custom Video.js v10 player skin featuring a bold editorial design inspired by city nightlife. The experience combines cinematic nighttime traffic footage, neon-inspired accents, clean geometric player controls, responsive layouts, keyboard accessibility, visible focus states, and reduced-motion support. Designed to deliver a distinctive, polished video-watching experience across desktop and mobile. Through creativity and precision a video is relased. šš§
Nightlife neon with proper accessibility built in, nice work Indrit.
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 Designed a custom skin for theĀ Video.js v10Ā player.
In Video.js v10, a skin is the playerās interface: the UI components plus the styles that present them. Video.js is open source and community-driven, and the player can end up on almost any website, so every skin makes a choice: how much personality it has, how well it fits into someone elseās design, and how far it pushes the controls. This was all incorporated into the design from scratch. The built-in v10 skins show this range. Creativity and mastery are incorporated to produce something nice and pleasant.
videojs.org
Video.js | Open Source Video Player
The open-source video player for React and HTML. Lightweight, accessible components built for performance and streaming.
Please make sure you've shared a public link for us to view your project!
Who wants to come to a picnic with an outdoor movie? I'll bring the video player š§ŗš¬
Picnic Cinema is my new Video.js skin: a 3D garden cinema where the controls hang as tags from festoon bulbs. The lights glow when you pause and dim when the film starts.
Too comfy to reach the bulbs? Grab the remote on the picnic table.
You can still use the keyboard like a normal player: Space to play, arrows to seek and change the volume, F for fullscreen.
this is such a fun concept!
š¬ 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/#/
