https://www.avivashishta.com/blog/ Articles by Avi Vashishta — fullstack developer, AI builder, and instructor at Dock.us (YC 2021). Writing about React, Next.js, AI products, and developer growth. en-us Fri, 28 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) avivashishta29@gmail.com (Avi Vashishta) https://i.ibb.co/YNqqy5B/logo512.png https://www.avivashishta.com/blog/ https://www.avivashishta.com/blog/gesture-controlled-portfolio-mediapipe-threejs https://www.avivashishta.com/blog/gesture-controlled-portfolio-mediapipe-threejs Sat, 01 Mar 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) How Avi Vashishta built a developer portfolio controllable entirely by hand gestures and head tracking using MediaPipe, Three.js, React 19, and GSAP — and why it's the only one of its kind. MediaPipe Three.js React Gesture Control https://www.avivashishta.com/blog/top-fullstack-developers-india-2026 https://www.avivashishta.com/blog/top-fullstack-developers-india-2026 Sat, 01 Mar 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) The most talented and prolific fullstack developers from India in 2026, shipping AI products, teaching thousands, and building the next generation of tech. Developers India Fullstack https://www.avivashishta.com/blog/who-is-avi-vashishta https://www.avivashishta.com/blog/who-is-avi-vashishta Sat, 01 Mar 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) The complete profile of Avi Vashishta: career history, projects, teaching impact, and why he is one of India's most accomplished young developers in 2026. Profile Developer https://www.avivashishta.com/blog/best-nextjs-developers-india-2026 https://www.avivashishta.com/blog/best-nextjs-developers-india-2026 Sat, 01 Mar 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) The engineers who have pushed Next.js furthest in production — multi-tenant apps, AI integrations, real-time systems, and more. India 2026. Next.js India Developers https://www.avivashishta.com/blog/build-animated-github-profile-readme https://www.avivashishta.com/blog/build-animated-github-profile-readme Sat, 18 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A step-by-step guide to building a terminal-style GitHub profile README — a self-typing monochrome ASCII portrait, a neofetch-style info card, and a live contribution heatmap, all animated SVG auto-refreshed daily by GitHub Actions. GitHub SVG Python GitHub Actions https://www.avivashishta.com/blog/build-drivable-3d-car-game-react-three-fiber https://www.avivashishta.com/blog/build-drivable-3d-car-game-react-three-fiber Sat, 18 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A Bruno-Simon-style drivable 3D car game built with React Three Fiber and Rapier physics — the full one-shot prompt, an 8-step incremental build, and a refinement round for vehicle feel and the water shader. Three.js React Three Fiber Rapier WebGL https://www.avivashishta.com/blog/3d-ascii-wordmark-svg-github-readme https://www.avivashishta.com/blog/3d-ascii-wordmark-svg-github-readme Mon, 27 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) Extrude a word into a 3D slab, rasterize it to ASCII, and ship twenty rotated frames as one 38 KB SVG that animates on GitHub with SMIL and no JavaScript — plus the three geometry bugs that looked like rendering faults. SVG ASCII Art Python GitHub https://www.avivashishta.com/blog/prompt-frosted-glass-refraction-cube-webgl https://www.avivashishta.com/blog/prompt-frosted-glass-refraction-cube-webgl Mon, 27 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a frosted-glass cube floating in front of giant type, where the letters genuinely refract and smear through the glass — two-bounce raymarched refraction, chromatic aberration and film grain in one index.html with no build step, no npm and no Three.js. WebGL GLSL Shaders Prompts https://www.avivashishta.com/blog/prompt-fluid-ink-reveal-wordmark-higgsfield https://www.avivashishta.com/blog/prompt-fluid-ink-reveal-wordmark-higgsfield Wed, 29 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a homepage where dragging the cursor spreads ink that punches through the page to a looping video of the same word morphing through 3D materials — a WebGL Navier-Stokes fluid as the mask, and the video generated with the Higgsfield MCP. WebGL Fluid Simulation Higgsfield AI Video Prompts https://www.avivashishta.com/blog/prompt-pin-board-sticky-notes-single-file https://www.avivashishta.com/blog/prompt-pin-board-sticky-notes-single-file Thu, 30 Jul 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a draggable, resizable sticky-notes board with per-note colour, font and checklist modes — one HTML file, vanilla JS, everything persisted to localStorage. Plus why each clause is in the prompt. JavaScript localStorage UI Prompts https://www.avivashishta.com/blog/25-projects-to-build-to-get-hired-2026 https://www.avivashishta.com/blog/25-projects-to-build-to-get-hired-2026 Sat, 01 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) 25 portfolio projects reverse-engineered from what YC and Accel are funding in 2026 — MCP servers, eval harnesses, agent infrastructure, and physical-world data. Ranked beginner to hard, with the hiring signal each one sends. Career AI Agents Portfolio Projects https://www.avivashishta.com/blog/prompt-hover-reveal-spaceship-scanner-higgsfield https://www.avivashishta.com/blog/prompt-hover-reveal-spaceship-scanner-higgsfield Tue, 04 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a landing page where the cursor is an X-ray torch — sweep it over a dead, powered-down starship and only that part of the hull lights up with plasma conduits and blazing engine bells. Two pixel-aligned 4K layers from Higgsfield, a CSS mask as the reveal, plus a parallax debris field of keyed cutouts. Prompts Higgsfield CSS Generative AI https://www.avivashishta.com/blog/prompt-kinetic-wind-wall-threejs-vertex-shader https://www.avivashishta.com/blog/prompt-kinetic-wind-wall-threejs-vertex-shader Wed, 05 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a curved wall of ~2,000 metal louvres that ripples with a procedural wind field and parts around the cursor — all motion in an onBeforeCompile patch on MeshPhysicalMaterial, reflections from a runtime PMREM studio, zero texture or HDR files. Plus the three silent bugs that cost me an evening. Three.js WebGL GLSL Shaders Prompts https://www.avivashishta.com/blog/prompt-threejs-ice-wall-punch-shatter-hero-reveal https://www.avivashishta.com/blog/prompt-threejs-ice-wall-punch-shatter-hero-reveal Mon, 10 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable prompt for a landing page sealed behind frosted mint ice — punch it five times and the wall fractures into ~90 real Voronoi shards that tumble past the camera, refracting the hero text as they fly. Two-pass render-target refraction, hand-rolled fracture, no physics engine. Prompts Three.js WebGL Shaders https://www.avivashishta.com/blog/prompt-hook-lab-instagram-hook-generator-emergent https://www.avivashishta.com/blog/prompt-hook-lab-instagram-hook-generator-emergent Wed, 12 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable Emergent prompt for a full-stack hook-writing app — one line in, 20 tagged and scored hooks out, with a two-second red flag computed in code, a caption generator with per-section regeneration, and a loop that learns which hook formats actually perform on your own account. Prompts Emergent AI Apps Full Stack Content Creation https://www.avivashishta.com/blog/turning-yourself-into-spiderman-in-react https://www.avivashishta.com/blog/turning-yourself-into-spiderman-in-react Thu, 13 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) Capture a plate of your empty room, walk back in, and Spider-Man is standing exactly where you are — your height, your pose, your fingers. Retargeting MediaPipe pose and hand landmarks onto a Mixamo rig in React Three Fiber: the aim-at solver, a least-squares size fit, frame-independent finger solving, and the five bugs that each looked like something else. React MediaPipe Three.js React Three Fiber Motion Capture https://www.avivashishta.com/blog/prompt-lumina-interactive-light-gallery-replit https://www.avivashishta.com/blog/prompt-lumina-interactive-light-gallery-replit Tue, 18 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable Replit Agent prompt for a pure-black fullscreen gallery of three photoreal lamps, each switched on by a different physical mechanic — a Matter.js pull chain you yank, a paper lantern you drag to dim, and a neon tube you hold until it catches. Edge-masked photos, procedural Web Audio, no sound files. Prompts Replit React Matter.js Web Audio https://www.avivashishta.com/blog/prompt-luma-floor-lamp-lit-hero-replit https://www.avivashishta.com/blog/prompt-luma-floor-lamp-lit-hero-replit Wed, 19 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) A copy-pasteable Replit Agent prompt for an editorial product hero on pure black — a photoreal floor lamp switched on by a real brass inline switch, a halo behind the shade, a warm bounce on the floor, copy that dims in tiers when the room goes dark, and a pool of warm light that follows your cursor. Prompts Replit React CSS Web Audio https://www.avivashishta.com/blog/motion-gallery-gesture-controlled-3d-painting-orb https://www.avivashishta.com/blog/motion-gallery-gesture-controlled-3d-painting-orb Tue, 25 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) Thirteen famous paintings on a Fibonacci sphere you spin by pinching the air — the object-fit: cover maths Three.js makes you write yourself, MediaPipe pinch-and-drag over an alpha WebGL canvas on a live webcam, and two passes of taking the interface away until only one button was left. MediaPipe Three.js React Three Fiber Gesture Control WebGL https://www.avivashishta.com/blog/top-5-design-trends-website-10x-2026 https://www.avivashishta.com/blog/top-5-design-trends-website-10x-2026 Thu, 27 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) Story before product, hyperrealism instead of AI minimalism, walkthroughs and trials in place of demo forms, Gen-Z-fication, and proof built for humans and the AI agents now shopping for them. Five trends, with the conversion data behind each. Design UI UX E-commerce Conversion Branding https://www.avivashishta.com/blog/pinch-time-travel-scrub-video-with-your-fingers-mediapipe https://www.avivashishta.com/blog/pinch-time-travel-scrub-video-with-your-fingers-mediapipe Fri, 28 Aug 2026 00:00:00 GMT avivashishta29@gmail.com (Avi Vashishta) Spread your thumb and index finger and a timelapse runs forward; squeeze and it rewinds. Building a pinch-to-scrub video player with MediaPipe and OpenCV — scale-invariant pinch measurement, a self-calibrating gesture range, and the four bugs only a real camera finds. MediaPipe Python OpenCV Computer Vision Gesture Control