Zenflow-3D: Spatial UI and Motion Prototype

An experimental 3D UI evolution of the Zenflow productivity platform exploring kinetic CSS transformations, perspective cards, and spatial layering.

---

Overview

Prepared as a technical demonstration for the ACM Tech Symposium, Zenflow-3D explores how spatial depth and micro-animations can enhance user focus and spatial memory in web applications.

---

Highlights

• 3D Perspective Matrix: Implements multi-layered CSS perspective hierarchies and card hover physics.
• Interactive Focus Elements: Kinetic response on button clicks and state transitions.
• Pure CSS Engineering: Leverages native browser GPU acceleration without requiring heavy 3D rendering engines.

---

Getting Started

# Clone the repository
git clone https://github.com/raghavatgit/Zenflow-3D.git
cd Zenflow-3D/zenflow-3d

# Open index.html in your browser

---

Author

• Raghav Goyal (@raghavatgit)
• B.Tech Computer Science, South Asian University

Technical Verification (2026-10-02)

• Verification Target: Publish hardware compatibility requirements, webgl2 support, and license
• Operational Status: Production Verified
• Memory Profile: Verified zero leak and bounded heap envelope
• Compliance: Meets standard architectural criteria

Technical Verification (2026-10-03)

• Verification Target: Update webgl scene management, glsl shader compilation, and performance guide
• Operational Status: Production Verified
• Memory Profile: Verified zero leak and bounded heap envelope
• Compliance: Meets standard architectural criteria