A Video.js v10 skin inspired by Pakistan’s iconic jingle trucks the hand-painted, bell-adorned trucks that turn the Grand Trunk Road into a rolling art gallery.

Every element maps to the craft:

Chamak patti play button - reflective tape art that catches the light, just like it catches headlights on the highway

Phool patti border - hand-painted flower panels with corner medallions, the signature of master truck painters

Jingle bell volume icon - named after the bells that hang from every truck bumper

Dotted progress bar - painted road markings passing beneath your wheels

Two color schemes tell the story: Day Road - bright cream and green, a truck gleaming in afternoon sun Night Highway - deep midnight blue and gold, tail lights glowing on the motorway

Built with RTL support for Urdu — because the art was always meant to be read right-to-left.

CSS-first. Custom SVG icons. Responsive. No frameworks, no bloat — just paint on steel.

The chamak patti and phool patti details give Jingle so much personality. Lovely to see Pakistani truck art celebrated this way!

I built NEBULA — Where Art Meets Motion, an original cinematic skin for Video.js 10.3.0, combining my artistic vision with a fully functional video player.

The idea began with my fascination with the colors and beauty of nebulae. Inspired by their cosmic atmosphere and vibrant hues, I first created the original visual concept in Adobe Photoshop, developing its color palette, mood, and artistic identity. I then brought that concept to life as a functional video player using HTML, CSS, and JavaScript.

I wanted to transform the traditional video player into something more immersive — an experience where technology meets art. The design features deep violet, midnight black, neon cyan, and magenta, complemented by custom controls and atmospheric visual details.

NEBULA includes responsive desktop and mobile layouts, video playback, seeking, volume and speed controls, and fullscreen functionality.

My goal was to show that a video player can be more than a technical tool. It can have personality, atmosphere, and its own artistic identity.

Not bad for someone who doesn't have much coding experience, right? 😂

I started with a Photoshop concept inspired by the colors of nebulae, and somehow ended up building a functional Video.js player!

Meet NEBULA. Sometimes curiosity and stubbornness make a pretty good development...