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
PARALLAX / PX01 Time, Made Tangible
What if a video player felt like a precision instrument instead of another generic interface?
I built PARALLAX, a custom Video.js v10 skin that transforms playback into a more deliberate, tactile experience.
The design centers on a calibrated timeline, mechanical-inspired controls, oversized editorial typography, graphite surfaces, and a restrained signal-lime accent.
Every second has a position. Every action has a response.
Underneath the visual identity is a functional Video.js v10 player with responsive layouts, touch-friendly controls, keyboard interaction, visible focus indicators, accessible time displays, and reduced-motion support.
The goal wasn't simply to make another attractive player. It was to create something recognizable, usable, and satisfying to interact with.
Built with Video.js v10, JavaScript, CSS, and Vite.
#videojsskinschallenge
The precision-instrument idea really suits playback.
Time made tangible, nice tagline. Feels like a precision instrument.
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
Luminary — Multi-Style Video.js Skin
(**Please respect the original work and do not copy this multi-theme skin concept.**)
An elegant, constraint-free UI built to elevate any production.
**13 expertly crafted styles to suit your taste
**Fully responsive across all screen sizes
**Ready to use right out of the box
**When designing the core frame, my goal was to create a versatile, eye-catching player that fits any project seamlessly. Across all 13 variations, I focused on blending popular, in-demand aesthetics with timeless themes so every creator can find their ideal match.**
Let me know which style is your favorite in the comments. Thank you!
13 styles in one skin, impressive range. Nice work.
I designed and built a custom Video.js skin focused on creating a clean, modern, and engaging video-player experience. I customized the player controls, layout, typography, spacing, and overall visual style to make the interface feel polished while keeping it simple and easy to use.
The goal was to improve the viewing experience without making the controls complicated. I focused on a balance between attractive design, usability, and a smooth responsive experience across different screen sizes.
#videojsskinschallenge
⚡ NEON INFINITY — Redefining the Video Player
I designed this Video.js skin to turn a simple video player into a premium visual experience. The interface combines cinematic visuals, vibrant neon lighting, glassmorphism, immersive controls, 4K quality selection, playback speed, VR mode, Cinema Mode, interactive timeline previews, and smooth, intuitive navigation.
Every element was designed with one goal: make the interface feel so beautiful that users want to interact with it before they even press play.
🎬 Watch More. Feel More. Enjoy More.
#VideoJS #UIDesign #UXDesign #WebDesign #CreativeDesign #ProductDesign #Contra #VideoPlayer
