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...

Bloom Cinema — After Hours 🌸

I designed Bloom Cinema to bring the mood of a late-night screening to a video player. Midnight purple, lilac and pink accents, rounded controls, and a prominent play button create a playful identity while keeping the footage at the centre.

Built for Video.js v10 with AI-assisted coding, the skin combines expressive styling with familiar playback controls and a responsive layout. My goal was to make watching feel personal, inviting, and easy to navigate.