01 — ORIGIN
Featured on Three.js Resources
WELCOME TO MY UNIVERSE

Aftab. The Sun at the center.

Designer. Developer. Builder of digital worlds. Everything in this system orbits a single source of energy — this is mine.

8+ PLANETS Major sections to explore
50+ PROJECTS Crafted with code, designed with intent
10+ YEARS Of experience in design & development
POSSIBILITIES Experimenting, learning, building the future
THE STORY

Crafted code.Considered design.

Ten years building at the intersection of engineering and visual design — from CSS architecture to 3D web experiences. Every project here is open, documented, and built to last.

FRONTEND
HTML CSS TypeScript Astro React
CREATIVE
Three.js GLSL WebGL Animation
BACKEND
Node.js PHP MySQL REST
TOOLS
Figma Git VS Code
EXPLORE THE SYSTEM
SELECTED WORK

Projects that ship.

A utility-first CSS framework built for precision and scale. Atomic, composable, and framework-agnostic. Generates only the CSS you actually use — nothing more.

CSS PostCSS Open Source

A modular node system for GPU-accelerated 3D on the web. Every package mirrors a Blender workflow — geometry nodes, shaders, particles, animation, compositing — all independently installable and composable.

Three.js WebGL TypeScript GLSL
Interactive Experience

Exo Space

A solar system built as a portfolio. Navigate nine planets, each a world of work. Astro 6, Three.js, and custom GLSL shaders powering every surface. This site.

Astro Three.js GLSL TypeScript
COMMERCIAL WORK

Built under NDA.Proven in production.

High-performance commercial projects built for scale, reliability, and real-world impact.

E-Commerce platform

Checkout & cart rebuildfor a high-traffic retailer.

Full-stack rebuild of a checkout and cart flow — payment integrations, session handling, A/B-tested UI variants, and a new order confirmation system. Delivered without downtime.

12+ Technologies
100% Secure
React PHP MySQL Stripe
Fintech dashboard

Real-time trading dashboardwith live data at scale.

Rebuilt a trading interface handling streaming market data — WebSocket architecture, virtualized chart rendering, and a custom widget layout engine letting traders build their own workspace.

50ms Refresh rate
0 UI lag incidents
Astro WebSocket TypeScript Canvas
SaaS admin portal

Multi-tenant admin portalbuilt zero to production.

Designed and built a full admin portal — onboarding flows, billing integration, team management, and RBAC. Each tenant is fully isolated. Built to support the product's entire lifecycle.

12wk 0 → production
4 Role tiers
Vue Node Postgres Stripe
Design system

Design system unifyinga 40-product brand family.

End-to-end design system — token architecture, component library, documentation site, and Figma library all in sync. One source of truth across a sprawling product portfolio.

40 Products unified
60% Less design-dev drift
CSS Figma Tokens Strata
E-Commerce platform
01 / 04
Key metrics
40% Faster load time
18% Conversion lift
50ms Data refresh rate
100% Delivered on time
200k+ Monthly users reached
JOURNAL

Thoughts fromthe first planet.

Writing on design, development, and the craft of building things that last.Notes from the edge of the system.

EXPLORE ALL ARTICLES
Strata CSS framework
FRAMEWORK JUL 09, 2026

Strata: A CSS Utility Framework I Actually Wanted to Use

Why I built my own utility-class CSS framework instead of reaching for Tailwind or Bootstrap.

Read more
Triforge shader graph system
ENGINE JUL 09, 2026

Triforge: A Blender-Style Shader Graph for Three.js

Every planet material on this site compiles from a node graph, not hand-written GLSL.

Read more
Why I built my own tools
ORIGIN STORY JUL 09, 2026

Why I Built My Own Tools Instead of Just Using What Exists

The real reasoning behind building Strata and Triforge instead of settling for what's out there.

Read more
This site runs on my own open-source work
CASE STUDY JUL 09, 2026

This Site Runs on My Own Open-Source Work

Every surface and gradient on this page compiles from my own two public packages.

Read more
The ghost planet bug postmortem
POSTMORTEM JUL 09, 2026

The Ghost Planet Bug: When Nine Planets Went Untextured Overnight

A silent shader compile failure, zero console errors, and how it got found.

Read more
Building the warp router
ARCHITECTURE JUL 09, 2026

Building the Warp Router

A site-wide GLSL page transition living inside a real multi-page app, not an SPA.

Read more
Maintaining packages I depend on
MAINTENANCE JUL 09, 2026

Maintaining Packages I Depend On

Shipping a real product on your own early-stage packages turns every bug into your own.

Read more