WELCOME TO MY UNIVERSE

Aftab.The Sunat the center.

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

8+PLANETSMajor sections to explore

7+PROJECTSCrafted with code, designed with intent

3LIBRARIESPublished on npm & GitHub

∞POSSIBILITIESExperimenting, learning, building the future

THE STORY

Crafted code.Considered design.

A frontend developer with a graphic design background, 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

HTMLCSSTypeScriptAstroReact

CREATIVE

Three.jsGLSLWebGLAnimation

BACKEND

Node.jsNext.jsONNXREST

TOOLS

npmGitVS Code

EXPLORE THE SYSTEM

SUNAbout

MERCURYJournal

VENUSDesign

EARTHLive Work

MARSDevelopment

JUPITERCase Studies

SATURNPackages

URANUSLab

NEPTUNEContact

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.

CSSPostCSSOpen 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.jsWebGLTypeScriptGLSL

geometry-nodes

Procedural geometry graph — Blender Geometry Nodes for the web.

shader-core

GLSL shader library with Blender-matched node workflow.

keyframe

Blender-matched keyframe animation driver for scene parameters.

particle-core

Particle system with Newtonian physics, force fields & emitters.

animation-core

Shape keys, armature bones & NLA animation for Three.js.

curve-core

Bezier / NURBS / Catmull-Rom curves with tube, bevel & path-follow.

compositor-core

Post-processing node graph — renderer-agnostic compositor.

modifier-core

Non-destructive geometry modifier stack, Blender-matched.

radius-parametric

Parametric geometry with up to 90% triangle reduction.

uv-core

Blender-matched UV unwrapping algorithms for BufferGeometry.

volume-core

Volumetric fog, smoke & fire — Blender Volume shaders.

physics-core, fluid-core, hair-core + 5 more

Cloth/soft/rigid body physics, FLIP/SPH fluids, hair & fur — the rest of the 19-package suite lives on npm.

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.

AstroThree.jsGLSLTypeScript

REAL PROJECTS

Public on GitHub.Proven in production.

No clients yet — just real, open-source projects built for a real brief, a real comparison, or a real question, with the code to prove it.

Biotech landing page

Aerin Bio — an SVG-masked herobuilt from a single idea.

A take-home brief for a creative frontend role, treated like a real launch — an SVG-masked hero reveal, cursor-reactive canvas smoke, and GSAP scroll-scrubbed sequences on Next.js.

Next.jsApp Router

A11y-awareReduced motion

Next.jsTypeScriptTailwind v4GSAP

Read more View on GitHub

3D behavior experiment

Fish Pond — an on-device modeldeciding how a fish moves.

Browser-based 3D fish-behaviour experiments comparing reflex, probabilistic, and model-driven decisions — the Underwater scene runs an on-device ONNX model, nicknamed Laya-AI, entirely client-side.

62Adjustable settings

On-deviceONNX Runtime Web

Next.jsThree.jsTriforgeONNX

Read more View on GitHub

CSS framework benchmark

Inkwake — proving a frameworkclaim with Lighthouse data.

The same landing page built three times — Tailwind, Bootstrap 5, and Strata — then Lighthouse-benchmarked live to see what the CSS framework itself actually costs, with everything else held constant.

3Frameworks compared

10Isolated runs each

TypeScriptLighthouseVercelStrata

Read more View on GitHub

CSS framework

strata-css — the only CSS layerrunning on this entire site.

A JIT CSS framework — Bootstrap-style components plus Tailwind-style arbitrary values, cascade layers instead of !important, and six companion packages. Published on npm, MIT-licensed.

6Companion packages

3Built-in themes

PostCSSCascade LayersTokensMIT

Read more View on GitHub

Biotech landing page

01 / 04

Key metrics

19Triforge packages

3Frameworks benchmarked

62Fish Pond scene settings

MITLicensed, every package

7Public repositories

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

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.

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.

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.

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.

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.

ARCHITECTURE•JUL 09, 2026

Building the Warp Router

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

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.

Aftab.The Sunat the center.

Crafted code.Considered design.

Projects that ship.

strata

triforge

Exo Space

Public on GitHub.Proven in production.

Aerin Bio — an SVG-masked herobuilt from a single idea.

Fish Pond — an on-device modeldeciding how a fish moves.

Inkwake — proving a frameworkclaim with Lighthouse data.

strata-css — the only CSS layerrunning on this entire site.

Thoughts fromthe first planet.

Strata: A CSS Utility Framework I Actually Wanted to Use

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

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

This Site Runs on My Own Open-Source Work

The Ghost Planet Bug: When Nine Planets Went Untextured Overnight

Building the Warp Router

Maintaining Packages I Depend On