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
Jingle
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 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!
Lightline. A video player drawn around one line of of light.
I entered the Video.js skins challenge with a player called Lightline.
One line of light runs it. The line shows where you are in the film. Its color shows what the film is doing.
Two layouts. Cinema leaves the film alone on the screen. Suite sets the tools beside it. An audio lab. Guides over the picture. A timeline you can read. More than 50 languages.
The video is the player playing its own opening.
Go break it: https://frederickdesign.studio/lightline
Then tell me what broke.
One line of light doing all the work, very elegant.