Garvit PandiaGarvitPandia

An interactive 3D model of the solar system. The planets follow real Keplerian orbits from JPL elements, checked against JPL Horizons. Fly it in free-roam, or switch to true scale and watch space become properly vast.

• 23 bodies with fuzzy search: planets, moons, dwarf planets and the Kuiper belt
• About 8,900 catalogue stars and all 88 constellation figures over a Milky Way band
• An event scanner that predicts alignments, conjunctions and eclipses, then flies you there

• Three.js
• TypeScript
• Vite
• KTX2 / Basis

A pixel-faithful Windows 11 that slowly realises it is a website trapped in a browser tab, and has a complete, deadpan breakdown about it. The polish is the Trojan horse.

• A real shell underneath: boot, lock screen, snap layouts, Start, widgets, Quick Settings, even a blue screen
• The OS gains awareness from what you do and moves through five moods, from flawless to possessive
• A tray clock that starts lying to you, and a finale with two buttons. One of them wipes its memory

• React 19
• Vite
• Tailwind CSS v4

A 3×3 cube simulator where the state is exact integer maths and the 3D view is only a mirror of it. A million turns cannot accumulate error. Drag the stickers, scramble it, race the clock.

• A two-phase solver that finds a short solution from any state, usually 17 to 20 moves
• Random-state scrambles in the WCA style, with a timer, Ao5 and Ao12
• Exploded view, synthesised sound, and a record button that saves a clip

• React 19
• Three.js
• TypeScript
• Vitest
• Playwright

Big Sur rebuilt in the browser as a study project: boot, lock and desktop, a dock that magnifies, a window manager, Spotlight, Launchpad, Mission Control and eleven working apps.

• Eleven apps including Finder on a virtual file system, Safari with tabs, and a Terminal with history
• Window manager written as a reducer: drag, eight-handle resize, traffic lights, focus order
• Plain CSS for all of the vibrancy, with no styling framework

• React 19
• TypeScript
• Vite
• CSS
• Vitest

A freight-tracking command dashboard wrapped around a 3D Earth. Twelve shipments move between twelve ports on real maritime corridors, with risk worked out from the chokepoints each route passes through.

• A custom Earth shader: day and night maps, city lights, ocean glint, clouds and atmosphere under one sun
• Incidents that hit ships mid-voyage: typhoons, piracy advisories, customs holds
• A route planner for any pair of ports. All of it lives in one HTML file

• Three.js
• GLSL
• JavaScript

Fourteen completely independent portfolio sites behind a museum-style chooser: a voxel world, a deep-sea dive, a black hole, a fungal network, folded paper. Same brief, no shared code, fourteen visual languages.

• No frameworks and no build step, only HTML, CSS and JavaScript
• Three.js, raw WebGL2 shaders and 2D canvas engines, each tuned to stay smooth
• Every variant works on a phone and respects reduced motion

• HTML
• CSS
• JavaScript
• Three.js
• WebGL2