00 — COLOUR OPTIONS (click one to repaint the whole board)
A · Neon Noir
Cyan + magenta on near-black. Classic cyberpunk, the most "neon" option.
#05050A · #00F0FF · #FF2BD6 · #FFE600B · Acid
Electric lime + violet. Loud, modern, and rarer on portfolios than cyan.
#060806 · #C6FF00 · #7B5CFF · #00FFA3C · Sensor
Amber + cyan, like an ADAS HUD or LiDAR viewer. Warm, and matches the tones in your photo.
#0A0705 · #FF9F1C · #00E5FF · #FF3B3BD · Ultraviolet
Hot pink + electric blue on deep purple. Synthwave, the boldest option.
#0B0616 · #FF3D81 · #4D7CFF · #B8FF3D01 — HERO · desktop 1440
LIDAR · 64-BEAM
SWEEP 212°
OBJECTS 07
FPS 30.0
SWEEP 212°
OBJECTS 07
FPS 30.0
Hero · 3D
- Real Three.js scene: a road as a LiDAR point cloud, ~60k glowing GPU particles.
- A radar sweep lights up points; 3D boxes snap onto cars with confidence labels.
- Mouse moves the camera slightly (parallax); particles scatter near the cursor.
- Name assembles from particles on load (~1.2 s), then the text fades in.
- The preview here is a flat 2D sketch of that idea.
02 — CHAPTER: NOW @ ATTENTIVE.AI · scroll section
Scroll animation
- The road particles from the hero fly apart and re-form as a blueprint sheet (morph between point sets).
- Detection boxes appear one by one as you scroll; a quantity counter ticks up.
- Section is "pinned" while the animation plays, then releases.
03 — CHAPTER: OLA ELECTRIC · ADAS
Scroll animation
- Camera drives forward through the point cloud; a car ahead turns red as time-to-collision drops.
- Stat numbers count up when they enter view.
- Sub-step: particles form a robot arm picking items (150+ SKUs).
04 — CHAPTER: ICPR-24 GOLD + DRIMCO
GOLDICPR · 2024
Scroll animation
- A 3D medal spins in with real metal reflections (environment map).
- Particles form a rotating 3D node graph = the P&ID topology.
- Mini "chat" bubble: "How many valves feed pump P-101?" → answer.
05 — ABOUT + EXPERIENCE

04 — ABOUT
4+ years making models see.
From data collection to edge deployment. M.Tech CSE, IIT Bombay.
- 2026 — NOWResearch Engineer 2Attentive.ai · Beam AI
- 2025 — 2026CV Research EngineerDRIMCO GmbH · P&ID intelligence
- 2022 — 2025Research EngineerOla Electric · ADAS & robotics
- 2023 — 2024Founder EngineerFlaunt · AI + backend
Photo treatment
- Your photo, cropped to a portrait, with a tint in the theme colours.
- A scan line passes over it and a "human · 0.99" detection box appears — a CV joke that fits your work.
- Hover: the tint fades and the real colours show.
06 — CONTACT
05 — CONTACT
Let's build
things that see.
kp.iitb.007@gmail.com COPY
© 2026 Krushna PatilServed from a laptop in Bengaluru ⚡
TODO list on the site
- Résumé PDF download button (hidden until you add one).
- GitHub link (hidden until you have one).
- "Projects / Lab" section for demos you build in the coming months — designed now, hidden until there's at least one.
07 — MOBILE · 390
SWEEP 212°
FPS 30.0
FPS 30.0
Mobile
- Same scene with ~15k particles so it stays smooth on phones.
- Chapters stack vertically; the 3D sits behind the text.
- With "reduce motion" on: a still image of the 3D, no animation.
08 — HERO IN ALL FOUR PALETTES (side by side)