Squish: An Interactive Video.js Skin with 3D Cat CompanionSquish: An Interactive Video.js Skin with 3D Cat Companion
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
Squish — a skin you can touch ^-^
Every player I know just sits there and waits for you to press play. I wanted one that is a small pleasure by itself, something to fidget with while the music plays, like a stress ball, or a cat on your desk.
So Squish is soft. The fur lies down under your pointer and fluffs back up. The jelly wobbles when you press it and glows from inside. The balloons bounce back. Pick a colour that fits your mood. And behind the player lives a black cat, your companion: it comes out when you pause, peeks while you watch, flattens its ears when you mute and falls asleep at the end. You can pet it.
Put on a lo-fi track, poke the buttons, stroke the cat. The player is the relaxing part, so enjoy!
Under the fur it is still a tool: one Video.js v10 skin, three materials switched with a single attribute, 44px targets, focus rings, keyboard shortcuts, a phone layout and reduced motion.
Made with: the cat is a 3D render from Blender, based on my own sketch;the track is generated with Suno (commercial rights).
Back to feed
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