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

99

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

90

Most websites look good. Very few make you want to keep scrolling. That was the idea behind Strata. I wanted to build something focused on clean visuals, subtle interactions, and the small details that make a site feel genuinely polished not another template with flashy animations bolted on. No unnecessary motion. No trying to make everything stand out. Just a lot of time spent getting the layout, typography, interactions, and overall flow to feel intentional. It's live now, and I'd love to build more websites like this. If you're working on a startup, product, personal brand, or portfolio and want a site that doesn't feel template, I'm currently open to a few web projects send me a message. Live site: https://strata-sh.netlify.app/

1

91

Aperture Cinematic Interiors A scroll-triggered architectural showcase built for a residential design studio. Instead of a static portfolio grid, visitors "walk" through a house the camera moves room to room as they scroll, with video-driven transitions instead of static images. What it solves: Architecture firms often struggle to translate spatial experience into a flat web page. Photos and floor plans tell you what a space looks like, not what it feels like to move through it. This site turns the scroll bar into a camera dolly, so the sequence of light, threshold, and volume the actual experience of the building becomes the interface itself. What's inside: Full-bleed cinematic video/scroll-sync hero sequence Sectioned narrative flow Approach → Process → Selected Work → Available Residences Stats bar, project grid, listings with pricing/specs, and a client testimonial block Responsive, minimal, editorial typography built to feel like a design monograph, not a template Built for: boutique architecture and real estate studios who want their site to read as a portfolio piece in its own right not just a listings page. If you're an architecture, interior design, or luxury real estate brand and want a site that actually shows the work instead of listing it let's talk. 🔗 Live: aperture.munain605.workers.dev (http://aperture.munain605.workers.dev)

4

3

354

Muhammad Unain

Full-Stack Next.js Developer | SaaS & AI Products