Modern productivity tools feel "flat" and weightless.
The challenge was to reintroduce digital gravity. We wanted tasks to feel like physical objects that stack, bounce, and interact with the cursor using Skeuomorphic Design principles, moving beyond the standard 2D web interface.
We engineered "Digital Resistance." By adding micro-latency via elastic animations, we trick the brain into perceiving tasks as physical objects with mass.
This creates a subconscious "heaviness" to the interface. When a user completes a task, the recoil animation triggers a dopamine response similar to physically crossing out a line on paper.
The browser is usually treated as a flat plane. TaskFlow treats it as a 3D volume.
We utilized inverse-square law calculations to track cursor proximity. Input fields tilt toward the mouse, creating a magnetic pull. Shadows deepen as elements "lift" off the screen. It is not just about looking 3D; it is about behaving with spatial awareness.
We replaced standard DOM transitions with GSAP physics. The input field calculates mouse position to tilt in real-time, and tasks use Elastic Easing to bounce into place.