ARYAN
PANEL // 01
LAT 28.6139° N
BANSAL
PANEL // 02
LON 77.2090° E
DESIGN
PANEL // 03
FPS 60.0 LOCKED
CODE
PANEL // 04
GPU ACCELERATED
[ STUDIO ARCHIVE // 2026 ] ARYAN BANSAL
DELHI, IN • 28°36'N 77°12'E
v2.6 // PROD ARCHIVE
ARYAN BANSAL STUDIO ARCHIVE // 2026
INITIALIZING EXPERIENCE... 000%
INDEPENDENT DIGITAL STUDIO // 2026

WEBSITES

ENGINEERED

with Taste & Restraint.

CREATIVE ENGINEERING ARCHIVE

HOW THE MAGIC GETS BUILT.

PHASE 01 / 06 — CONCEPT
01 // CONCEPT.md
[ VISION LOCKED ]
Portfolio
→ not a website
→ an experience

"Movement without purpose is noise. Every ease curve must feel physical, deliberate, and weightless."

— Aryan Bansal
STAGE 01 / 06 // VISION LOCKED
❖ 02 // DESIGN SYSTEM — Design_System_v4.fig
[ SYSTEM READY ]
#1C1C1B
#242422
#E5DAC6
#C96B45
#7D9478
Typography Syne 800 · Inter 400 · JetBrains Mono
Color Charcoal · Cream Linen · Oxide Orange · Sage
Spacing 4px / 8px / 16px / 24px / 48px / 80px Grid
Motion Cubic-Bezier(0.16, 1, 0.3, 1) · Physical Inertia
STAGE 02 / 06 // SYSTEM READY
03 // ARCHITECTURE — tree src/
[ SCAFFOLD DEPLOYED ]
📂 src/ ⎇ main
├── 📁 components/ Modals, Canvases, Bricks
├── 📁 shaders/ GLSL Metallic Vertex/Frag
├── 📁 motion/ GSAP 3 + Lenis Orchestrator
├── 📁 scenes/ Three.js Kinetic Viewports
└── 📁 core/ Theme, Sound FX, Telemetry
TypeScript 5 Three.js r174 GSAP 3.12 Web Audio
STAGE 03 / 06 // ARCHITECTURE SCAFFOLD
04 // ENGINE — main.ts
[ COMPILED ]
01020304050607
// Portfolio Core Engine Config
const experience = {
  motion: "intentional",
  render: "GPU",
  interaction: "fluid",
  telemetry: "60fps-locked"
};
export const engine = new Engine(experience);
engine.initialize();
VITE HMR · LIVE SYNC
12.4ms
STAGE 04 / 06 // ENGINE COMPILED
05 // GPU LAYER — iridescent_metallic.glsl
FRAGMENT SHADER REALTIME BUFFER IRIDESCENT FRESNEL REFLECTION
precision highp float;
uniform float uTime;
varying vec3 vNormal;

void main() {
  vec3 light = normalize(vec3(1.0, 1.5, 2.0));
  float diff = max(dot(vNormal, light), 0.0);
  gl_FragColor = vec4(vec3(0.08) + diff * 0.85, 1.0);
}
GPU ACCELERATED
60.0 FPS LOCKED
STAGE 05 / 06 // GPU LAYER ACTIVE
06 // FINAL PASS — audit.telemetry
[ 100/100 READY ]
✓ Motion Choreography GSAP 3 + Lenis Smooth Inertia
✓ Spatial Sound Engine Web Audio Synthetic Micro-Clicks
✓ GPU Performance 60.0 FPS Locked · Sub-16ms
✓ Accessibility & Nav ARIA Standards · Keyboard Flow
100
QUALITY INDEX BUILD COMPLETE // DEPLOY READY
STAGE 06 / 06 // BUILD COMPLETE
[IDENTITY] ARYAN BANSAL / 2026
↓ SCROLL TO EXPLORE
[SPECIALTY] CREATIVE WEB ARCHITECTURE
ABOUT // ARYAN BANSAL 28.6139° N, 77.2090° E • GLOBAL REMOTE
ARYAN BANSAL
LAT 28.6139° N • LON 77.2090° E

I AM ARYAN BANSAL.

I am a self-taught creative developer and designer based in Delhi, India — engineering digital experiences where high-performance code meets high-fashion aesthetics.

I bridge the gap between creative direction and technical architecture: crafting immersive 3D WebGL worlds, kinetic micro-interactions, and sculptural web applications that command attention.

02 // PORTFOLIO ARCHIVE 04 SELECTED WORKS

ENGINEERED SYSTEMS & EXPERIENCES.

01 E-COMMERCE // 3D WEBGL LIVE DEPLOYMENT

MOSCOW DECOR Luxury Surfaces

A monolithic, tactile digital flagship featuring real-time Three.js 3D material inspection, theater curtain preloader, and instant wholesale rate access.

02 ALGORITHMIC RATE MATRIX PRIVATE INFRASTRUCTURE

CALCULATION ENGINE Rate Estimator

A proprietary mathematical matrix built for Moscow Decor to automate multi-room wall panel and ACP estimates with real-time sheet cut-lists and factory pricing.

03 AI AUDIT × BRUTALISM INDEPENDENT 2026

RESUME ROASTER AI Audit Engine

A viral, high-velocity career audit web application that tears apart resumes with merciless precision, brutalist kinetic typography, and deep ATS keyword analysis.

04 WEB AUDIO × GLSL SHADERS EXPERIMENTAL 3D

AURA SOUND LAB Spatial Synthesizer

An experimental web-based spatial synthesizer and real-time audio installation. Manipulate 3D audio nodes in a GLSL vertex displacement field with reactive soundscapes.

CAPABILITIES & SPECIALTIES 05 / SERVICES MATRIX
01

WEB DESIGN

Art direction, design systems, bespoke editorial layouts, and high-fidelity prototypes crafted with mathematical harmony.

FigmaTypographyCreative Direction
↗
02

WEB DEVELOPMENT

Full-stack modern engineering with Next.js, React, Node.js, and TypeScript. Optimized for instantaneous page loads and flawless SEO.

Next.jsTypeScriptTailwindNode.js
↗
03

INTERACTIVE EXPERIENCES

WebGL, Three.js 3D environments, GLSL shaders, canvas physics, and immersive spatial micro-interactions that leave a lasting mark.

Three.jsGLSLCanvas 2DWeb Audio
↗
04

MOTION & CHOREOGRAPHY

Continuous cinematic scroll choreographies, GSAP ScrollTrigger timelines, physics-based springs, and fluid page transitions.

GSAP 3ScrollTriggerLenisFramer Motion
↗
05

SEO & PERFORMANCE

100/100 Lighthouse performance audits, structured metadata, semantic HTML5, zero-layout-shift architecture, and rock-solid accessibility.

100 LighthouseCore Web VitalsSemantic SEO
↗
LIVE EXPERIMENT // INTERACTIVE PARTICLES

LET'S BUILD
SOMETHING.

CURRENT AVAILABILITY
OPEN FOR NEW COMMISSIONS & FREELANCE ROLES

Accepting Q1 / Q2 2026 web design & development projects worldwide.

Email copied to clipboard!