Where Code Meets Canvas

FRONT END LAB

A curated set of frontend experiments pushing the boundaries of CSS, cursor physics, and interactive UI.

Scroll to explore
Selected Projects 04 Experiments
01

Style Forge

Real-time CSS manipulation. Control color, dimensions, blur, and border-radius of an element through intuitive range inputs.

CSS Variables Interactive
02

Cursor Realm

Custom cursor physics with scale transformations and backdrop effects. Hover over navigation elements to trigger morphing animations.

Animation Mouse Events
03

Inbox Pulse

Animated newsletter modal with smooth toggle transitions. Slide-in overlay with backdrop blur and focus-trap email input.

Modal Toggle
04

Liquid Motion

Full-page water physics simulation with bioluminescent rendering. Drag through the surface to create ripples, click for splash drops.

Water Physics Canvas