From wireframe to Framer Rank #60 in just 7 days!! When building Substance, I wanted clean minimalism paired with high-impact interaction, led by a custom interactive photo tunnel designed to showcase visuals with depth without slowing down load times.

Quick 1-week milestone:

- #60 Trending in Framer marketplace (and still climbing)

- Smooth, responsive micro-interactions out of the box

- Fully modular & easy to customize Always open to feedback, suggestions, or any questions about the setup

Placing the red SUBSTANCE wordmark so low lets the photo tunnel float above it, so the hero stays calm even with all that motion. How did you keep the tunnel light on load, lazy-loaded images or something custom?

Aurora Skin — The picture ends. The atmosphere doesn't. ✨

Aurora Skin is a cinematic video player interface designed for Video.js v10, inspired by the northern lights and the idea that a great viewing experience extends beyond the video frame.

Instead of treating the player as a collection of controls, I wanted to make the entire viewing experience feel alive.

The design combines translucent glass controls, atmospheric cyan and violet lighting, refined typography, and a distraction-free layout. Its Living Aurora system lets viewers customize the ambient lighting through three modes: Subtle, Balanced, and Vivid.

Every detail is designed to balance personality with usability, from responsive controls and keyboard navigation to accessible interactions and reduced-motion support.

My goal was simple: create a player that feels as memorable as the content it plays.

Built with Video.js v10.

#videojsskinschallenge