Play
Mute
0:00
0:00
Picture in Picture
Fullscreen
01Media Integration

Sleek Custom Video Player

A highly customized HTML5 video player built to replace standard browser control overlays. Engineered with tailored controls, interactive seek bars, and precise volume / speed states for an immersive viewing experience.

02Physical Design

Tactile Switch Controls

An ultra-realistic, mechanical-feeling toggle switch design. Utilizes complex, multi-layered CSS box shadows, inset styles, and smooth cubic bezier transitions to mimic physical tactile feedback.

HomeChangelogCareerAbout
03Interactive Animation

Liquid Metal Gooey Tabs

A liquid metal category selector utilizing SVG Gaussian blur and color matrix filters. Menu tabs organically morph, blend, and stretch into one another during active item transitions.

Volume
VALUE: 42
04Physical Simulation

Elastic Edge-Bounce Slider

An interactive range slider utilizing physics-based springs and motion values. Dragging past its boundaries triggers elastic edge expansion and realistic deceleration spring-backs.

FILTER: All
05Layout Animation

Magnetic Filter Switcher

A layout-animating navigation filter category picker. Leverages layout IDs to animate filter indicators smoothly and slide adjacent text labels aside dynamically during choice changes.

06Mouse Interaction

Proximity-Scaling Circle Grid

A grid of circles that dynamically scale based on mouse proximity. Each circle calculates distance from the cursor and animates its size with a spring effect, creating an interactive depth illusion.

Jatt Poora Kaim aa ni
07Kinetic Typography

3D Kinetic Lyrics Scroller

A typography showcase engine displaying character-by-character letter flipping in 3D perspective. Features smooth stagger-delayed rotations and a custom minimal search field.

08Interactive Navigation

Laser Wave Menu Navigation

A navigational bar utilizing a custom SVG wave pattern. The curvy active border calculates link coordinate bounds and draws a fluid wave line trailing behind the hovered active element.