hey, i'm
Archit Sharma. Developer
→
building things that feel alive
|
Delhi, IN
Vibe Coding✦
AI-Augmented✦
Frontend Kinetics✦
GSAP ScrollTrigger✦
Three.js / WebGL✦
Vanilla JS Purist✦
Delhi → Everywhere✦
Open to Collabs✦
Vibe Coding✦
AI-Augmented✦
Frontend Kinetics✦
GSAP ScrollTrigger✦
Three.js / WebGL✦
Vanilla JS Purist✦
Delhi → Everywhere✦
Open to Collabs✦
WHO I AM
→ About
Archit.
18. Delhi.
Fresher.
18. Delhi.
Fresher.
I'm a BA student at Delhi University who builds interfaces the way streetwear designers
build drops — intentional, raw, and dripping with craft. I vibe code with AI as my copilot:
Claude for architecture, Copilot for velocity.
→ Status
Resume-ready. Portfolio hot. Waiting for your
ping.
→ Location
DELHI
IN
IN
→ Core Stack
HTML5
CSS3
Vanilla JS
React*
Tailwind*
GSAP
Three.js
Lenis
*AI-augmented. Solid fundamentals, AI velocity.
→ AI Arsenal
Claude (Anthropic) — Architecture & creative logic
GitHub Copilot — Autocomplete velocity
v0 by Vercel — Rapid UI prototyping
→ Currently Building
DU Portal Redesign — Vanilla JS + GSAP
WebGL particle system experiment
This very portfolio (meta 🤙)
→ Actively Learning
GLSL / Fragment shaders
Node.js backend basics
Design systems & component thinking
OFFERINGS
01
Frontend Kinetics
02
Interactive WebGL Experiments
03
AI-Augmented UI Builds
04
Landing Pages & Portfolio Sites
05
Scroll Experience Engineering
MY MESSY DESK
(also known as the vault)
The Vault
This exact portfolio! Pushing the limits of AI-augmented vibe coding and brutalist sketchbook aesthetics.
Meta 🤙
THE PROCESS
01
VIBE CHECK
Absorb the brief. Scroll Dribbble at 2AM. Build a mood in Figma or
straight in the browser. The aesthetic direction comes first — always.
02
STRUCTURE
Map the scroll narrative. Every section earns its place. Dense,
intentional, zero padding that begs for content to justify it.
03
BUILD + VIBE CODE
HTML/CSS/JS as foundation. AI as copilot — Claude for architecture,
Copilot for velocity. Ship something, break it, iterate.
04
OBSESS THE DETAILS
The 3% that separates good from stupid-good: easing curves, timing
offsets, cursor micro-interactions, that one pixel.
05 // Experiments
THE ARCHIVE
001
ACID CURSOR V1
SVG Filters · GSAP · mix-blend-mode
002
NOISE PORTAL
feTurbulence · Canvas 2D · RequestAF
003
SCROLL PHYSICS
Lenis · ScrollTrigger · Custom Easing
004
PARTICLE FIELD
Three.js · Points · Mouse Repulsion
005
TYPE KINETICS
Split Text · Scramble · Stagger
006
HUD DASHBOARD
CSS Grid · JetBrains Mono · Pure CSS
DOODLE LAB
Sketchbook
grab a tool and vandalize this page...
GET IN TOUCH
drop me a line ✦
Archit Sharma
architfrontdev@gmail.com
@arxh.1t
Based in Delhi ♡
open to new projects
your message ↓