About Me

I am Zohaib Nawaz, a full-stack developer helping businesses turn visitors into customers through modern web apps, SaaS products, AI features, SEO, and performance.

I work remotely from Dullewala, Pakistan (PKT). The work is foundation-first: readable TypeScript, measured speed, and interfaces that feel considered—not decorative.

Zohaib Nawaz — portraitZohaib Nawaz — portrait

My journey began in structural engineering before finding a digital canvas. This background instills a "foundation-first" philosophy in my development process. Every line of TypeScript is a structural beam; every WebGL shader is a play of light on a physical surface.

I specialize in building interfaces that don't just function, but feel. I believe luxury is found in the invisible details—the timing of a transition, the weight of a font, the precision of a layout shift.

Capabilities

What I build with

Next.js & React

App Router products with server components, typed UI, and component systems built to scale.

TypeScript

Strict, reviewable codebases with clear contracts across UI, server actions, and shared libraries.

Supabase & PostgreSQL

Auth, Postgres, RLS, Realtime, and Storage wired into production SaaS and portfolio backends.

SaaS & Multi-Tenant Applications

Workspace isolation, role-based access, and tenant-safe data models from MVP through launch.

Admin & Analytics Dashboards

Internal ops surfaces — approvals, inboxes, charts, and workflows that teams actually use daily.

AI Integration & AI Applications

Practical LLM features — assistants, search, automation, and API-backed UX with sensible guardrails.

API & Third-Party Integrations

REST, webhooks, OAuth, and vendor APIs connected with reliable error handling and observability.

SEO & Performance Optimization

Metadata, structured data, image strategy, and Core Web Vitals tuned for marketing and product pages.

Libraries & motion

Tailwind CSS plus GSAP, ScrollTrigger, Lenis, Locomotive Scroll, and Howler.js for polished, intentional UI motion and scroll.

Principles

How I make decisions

A small set of rules that keeps the work consistent—across performance budgets, visual systems, and long-lived codebases.

01

Clarity over cleverness

Readable architecture scales teams. If it can’t be explained simply, it’s not stable enough to ship.

02

Performance is a feature

I treat Core Web Vitals as product requirements—measured, budgeted, and defended during iteration.

LCPINPCLS

03

Systems, not screens

I build design tokens, primitives, and patterns first—then assemble pages as compositions, not one-offs.

04

Motion with intent

Animation must clarify hierarchy and state. Ambient motion is restrained; transitions earn their presence.

TimingEasingReduced motion

Toolbox

Next.js & React

App Router

TypeScript

Strict-first

Supabase & PostgreSQL

RLS + Auth

SaaS & Multi-Tenant Applications

Workspaces

Admin & Analytics Dashboards

Ops UI

AI Integration & AI Applications

LLM APIs

API & Third-Party Integrations

Webhooks

SEO & Performance Optimization

Core Web Vitals

Tailwind CSS

Design tokens

GSAP

Timelines

ScrollTrigger

Scroll scenes

Lenis

Smooth scroll

Locomotive Scroll

Scroll UX

Howler.js

Web audio

Signals

What “good” looks like

Evidence that the work is robust: measurable, repeatable, and comfortable to maintain after launch.

Core Web Vitals

Performance

Budgets defined early; regressions caught before release. Fast-first decisions throughout the build.

Accessible by default

A11y

Semantic structure, keyboard flows, contrast, and motion preferences built into the system—not bolted on.

Maintainable delivery

Engineering

Type safety, conventions, and components that age well—so future updates remain confident and quick.

Web Developer

JANUARY 2026 - PRESENT

Ray Prime Consultants

Built responsive marketing and business websites with React and Next.js, following accessibility standards and optimized asset delivery. Improved page load times through caching, image optimization, and front-end performance audits.

Software Engineer

JUNE 2025 - PRESENT

Triminage

Owned full-stack features from planning through release using TypeScript, React, and API integrations. Collaborated on QA, edge-case handling, and documentation to keep team releases predictable.

Web Developer

FEBRUARY 2025 - JANUARY 2026

Independent Contractor

Delivered landing pages, portfolios, and business websites aligned with brand and conversion goals. Built mobile-first layouts and content hierarchy to improve scannability and reduce bounce rates.

Ready when you are

Tell me about the work.

A short note is enough. I’ll reply with fit, timing, and the next step so we can move without the runaround.