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 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.
Chamak patti play button and phool patti borders, love how every control maps to real truck craft.
Thank you Denis
Chamak patti on the play button is genius, it really does feel like it would catch headlights. And road markings for the progress bar ties it all together. Does Night Highway switch on by itself in dark mode?
The chamak patti and phool patti details give Jingle so much personality. Lovely to see Pakistani truck art celebrated this way!
I've been working on SIGHTLINE for this challenge too. Would love to hear what you think if you get a chance!
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
Dekh magar pyar se.
Look, but with love.
You'll see those words painted on the back of trucks all over Pakistan. Gold letters, a pair of painted eyes underneath, staring at whoever's behind.
That line isn't for the driver. It's for you, stuck behind a Bedford on the GT Road at 2 a.m., your headlights bouncing off chrome, bells swinging from the bumper, a peacock looking back at you in six colours of enamel.
These trucks carry flour, cement, someone's whole house from Peshawar to Karachi. Nothing says they have to be beautiful. Their owners make them beautiful anyway.
This is Phatta.
• The seek bar is chamak patti, the shiny bead tape truck painters use. Gold for what you've watched, silver for what's left, a brass ball for the playhead.
• Buttons sit in brass rings with cream icons, lettered the way a sign painter would.
• The time runs in sign-painter numerals.
• At night the LEDs twinkle, the bells sway, and the headlights brighten while the video plays.
Under the paint it's a real Video.js v10 player. Keyboard, captions, and fullscreen all work, and fullscreen keeps the controls.
Watch it, but with love.
Built in Lahore. Music in the demo video: Ahsan Javed.
Bohat khoobsurat kaam!
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!
Kerf is a Video.js 10 skin built on one idea: cut the picture instead of covering it.
Most players float their controls over the video, then fight the footage for contrast with gradients and blur. Kerf cuts a notch into the player’s own frame and puts the controls there, on a solid surface in your product’s colour. They read the same over a white sky or a black night. Previews, menus and volume rise out of that frame from the control that opened them, and sink back when the film plays.
It’s built for modern SaaS and minimal products: one accent and one radius to set, plus light, dark or auto surfaces. It folds the controls away before the first play, and adds chapters, storyboard previews and captions as a notch. Every control works by keyboard, focus rings are visible, it honours reduced motion and forced colours, and it supports right-to-left layouts. axe-core reports 0 violations.
Plain HTML and CSS on @videojs/html with the official icons. Open source under Apache 2.0.
Cutting the picture instead of covering it is a really strong idea.