MMMayank Mehra

मयंक मेहरा एक्सप्रेस

Web developer · India

I build websites people remember.

Hi, I’m Mayank, a computer science engineer who turns ideas into fast, animated, 3D websites. Hop on: the next five stops are projects I’ve built.

Scroll to ride · ← → jump between stops

Tickets, please · About me

INDIAN WEB RAILWAYSE-TICKET
Passenger
MAYANK MEHRA
Class
B.Tech CSE · 2026
From → To
India → Anywhere
Works
Freelance · remote
Carries
Astro · Next.js · React · Nuxt · Vue · Three.js · GSAP · Tailwind

Fresh computer science graduate who fell in love with the craft of the web. I build fast, accessible sites with motion and 3D that make visitors stop scrolling, for restaurants, clinics, studios, shops and startups.

PNR 2026-MM-05STOPS: 5

Station 01 of 05 · EMB

Ember & Oak website, home page

Ember & Oak एम्बर एंड ओक

Restaurant website · Concept project

Real-time WebGL fire with 1,800 ember particles that scatter from your cursor.

  • Astro
  • Three.js
  • GSAP
  • Tailwind

Station 02 of 05 · LMD

Lumina Dental website, home page

Lumina Dental लुमिना डेंटल

Dental clinic website · Concept project

A 3D tooth modelled entirely in code, plus a before/after whitening slider.

  • HTML
  • CSS
  • JavaScript
  • Three.js

Station 03 of 05 · ATN

Atelier Norte website, home page

Atelier Norte एटेलियर नॉर्टे

Architecture studio · Concept project

Photos that "melt" into each other with a noise-driven WebGL transition.

  • Nuxt
  • Vue
  • WebGL
  • GSAP Flip

Station 04 of 05 · KPI

Kopi Roast Co. website, home page

Kopi Roast Co. कोपी रोस्ट को.

Online coffee shop · Concept project

A 3D coffee bag that re-prints its label live as you choose size and grind.

  • Next.js
  • React Three Fiber
  • Decap CMS

Station 05 of 05 · ORB

Orbit AI website, home page

Orbit AI ऑर्बिट एआई

SaaS landing page · Concept project

A shader-built orb with bloom that follows you through the whole page.

  • Next.js
  • Three.js shaders
  • GSAP

Station 06 · STK · The toolbox

Tech stack टेक डिपो

Everything you just rode past was built with these.

Frameworks

  • Next.js
  • React
  • Astro
  • Nuxt
  • Vue

3D & motion

  • Three.js
  • React Three Fiber
  • GLSL shaders
  • GSAP
  • Lenis

Languages

  • TypeScript
  • JavaScript
  • HTML
  • CSS

Styling & UX

  • Tailwind CSS
  • Responsive design
  • Accessibility

Content & delivery

  • Decap CMS
  • Vite
  • Cloudflare Pages

Last stop · आख़िरी स्टेशन

Let’s build yours.

Opens your email app with everything filled in. Prefer to write directly? mmehraa13@gmail.com

© 2026 Mayank Mehra · Built with Astro + Three.js

Case study · EMB · Concept project

Ember & Oak

Restaurant website

ember-and-oak-9m9.pages.devOpen in new tab ↗
Ember & Oak home pageLoading live site…

Scroll and click inside the window: it’s the real website.

The brief

A wood-fired Italian restaurant that needed a site as warm and dramatic as its kitchen, plus a menu and table reservations.

Signature moment

Real-time WebGL fire with 1,800 ember particles that scatter from your cursor.

What I built

  • Custom fire shader + ember particle system
  • Preloader, smooth scroll, custom cursor, magnetic buttons
  • Horizontal "signature dishes" scroll and zoom-out gallery
  • Tabbed menu with floating dish previews, reservation form

Tech

  • Astro
  • Three.js
  • GSAP
  • Tailwind
Visit the live site ↗

Case study · LMD · Concept project

Lumina Dental

Dental clinic website

lumina-dental-a4x.pages.devOpen in new tab ↗
Lumina Dental home pageLoading live site…

Scroll and click inside the window: it’s the real website.

The brief

A modern clinic that wanted to feel calm and trustworthy, and to take bookings online without phone tag.

Signature moment

A 3D tooth modelled entirely in code, plus a before/after whitening slider.

What I built

  • Procedural 3D tooth with glass bubbles
  • Draggable before/after whitening comparison
  • Three-step booking widget with live time slots
  • No framework, no build step: fast and dependable

Tech

  • HTML
  • CSS
  • JavaScript
  • Three.js
Visit the live site ↗

Case study · ATN · Concept project

Atelier Norte

Architecture studio

atelier-norte-djv.pages.devOpen in new tab ↗
Atelier Norte home pageLoading live site…

Scroll and click inside the window: it’s the real website.

The brief

An architecture and interiors studio whose portfolio had to feel as considered as the buildings themselves.

Signature moment

Photos that "melt" into each other with a noise-driven WebGL transition.

What I built

  • WebGL displacement slideshow
  • Animated project filters (GSAP Flip)
  • Image-expand and curtain page transitions
  • 8 pre-rendered project pages with drag galleries and floor plans

Tech

  • Nuxt
  • Vue
  • WebGL
  • GSAP Flip
Visit the live site ↗

Case study · KPI · Concept project

Kopi Roast Co.

Online coffee shop

kopi-roast.pages.devOpen in new tab ↗
Kopi Roast Co. home pageLoading live site…

Scroll and click inside the window: it’s the real website.

The brief

A small-batch roaster that needed a playful online store, subscriptions, and a way to update products without a developer.

Signature moment

A 3D coffee bag that re-prints its label live as you choose size and grind.

What I built

  • 3D product configurator + bursting coffee beans
  • Cart with fly-to-cart animation, subscriptions, checkout
  • Brew calculator with an animated pour-over
  • Git-based CMS dashboard for products and journal

Tech

  • Next.js
  • React Three Fiber
  • Decap CMS
Visit the live site ↗

Case study · ORB · Concept project

Orbit AI

SaaS landing page

orbit-ai-b4e.pages.devOpen in new tab ↗
Orbit AI home pageLoading live site…

Scroll and click inside the window: it’s the real website.

The brief

An AI startup launch page that had to look premium, explain the product fast, and convert visitors to sign-ups.

Signature moment

A shader-built orb with bloom that follows you through the whole page.

What I built

  • Custom GLSL orb + bloom post-processing
  • Pinned, scroll-scrubbed product tour
  • Odometer pricing toggle, decoding stats
  • ⌘K command palette for keyboard users

Tech

  • Next.js
  • Three.js shaders
  • GSAP
Visit the live site ↗