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
Hey there!
Farbspur is my entry for the Video.js Skins Design Challenge: a custom skin for the Video.js v10 player that gets out of the way of what you’re watching.
The player has no colour of its own. Its seek bar is built from the video: it finds the strongest picture changes and turns them into blocks of colour, so every film gets its own player and you can jump straight to a scene.
→ Glass appears only where your hand is: a single drop moving on spring physics
→ Skips count up as you press: +5s, +10s, +15s
→ Quality, speed, casting and theatre mode share one visual language
→ Full keyboard control, and reduced motion for anyone who asks for it
The film and sound in the video were generated for this project.
Live demo: https://farbspur.pages.dev
Code (open source): https://github.com/moonz35345/farbspur
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
Exploring two color palette directions for a women’s health app. Which one feels right to you? 👀
32 voted
56%
25 voted
44%
57 votes
Closed
Both are amazing! The purple definitely has better contrast, but I’d still go with the berry one, purely a personal preference
When a section relies on animation, I now prototype it in Figma motion instead of writing it out. A simple prototype gives the client and the developer the same clear reference: less back and forth, more precise feedback and a smoother build. Here’s the hero animation for a recent landing page, shown as a working prototype.
Creative work
Logistics & Supply Chain Website Design
A modern logistics website concept designed for transportation, freight, and supply chain companies. The design focuses on building trust, showcasing services, streamlining shipment management, and improving customer engagement through a clean, professional, and conversion-focused user experience.
Strong hero!