Projects using Cloudflare Workers in KarachiProjects using Cloudflare Workers in Karachi
Projects
People
Cover image for Oblivion A cinematic scroll experience
Oblivion A cinematic scroll experience where every pixel you scroll advances a single frame no autoplay, no timeline, just motion bound to your gesture. Oblivion is a frontend motion study built to push what a scroll interaction can feel like. Instead of a traditional video or animation, the entire sequence is frame-locked to scroll position one frame per pixel, fully reversible, with 12ms scrub latency and 1:1 frame accuracy. The project explores a neon-chrome cyberpunk aesthetic: a synthetic android rotates through light and shadow as the user scrolls, with detail passes on chrome plating, glowing conduits, and visor optics rendered for close-up clarity, not just thumbnail appeal. What I built: Frame-by-frame scroll-scrubbing engine synced to scroll position Custom cinematic UI/UX with a magenta/violet color grade, dual-graded for neon and dark backgrounds Horizontal scroll material studies section for detail shots Fully responsive, performance-optimized frame sequencing no jank, no autoplay Live: bolivion.munain605.workers.dev (http://bolivion.munain605.workers.dev)
2
2
67
Cover image for Fracture is a scroll-driven web
Fracture is a scroll-driven web experience built around a simple idea: what if a website moved like film instead of a page? Instead of video, the site uses 150 individually rendered frames that respond to scroll position in real time giving full control over pacing, easing, and motion without the overhead of a video file. The sequence is compressed to under 4MB and decoded on canvas, holding a smooth 60fps scrub even on mid-range mobile devices, with a static fallback for reduced-motion users. Approach: Designed the frame sequence and pacing before any code was written Built scroll choreography with GSAP, pinning timelines to specific scroll ranges Optimized frame decoding and compression for consistent performance across devices Layered in type systems, grain, and lighting so the motion feels intentional, not decorative This kind of build fits studios, agencies, or brands that want a launch page or portfolio site to feel like a directed piece of film rather than a template. Live: fracture.munain605.workers.dev (http://fracture.munain605.workers.dev)
1
82