ZS
  • Home
  • About
  • Experience
  • Skills
  • Projects
  • Certifications
  • Blog
  • Contact
Get In Touch
ZSZahid Sheikh
Chat on WhatsApp

ForgeMoto - Real-Time 3D Motorcycle Configurator

ForgeMoto - Real-Time 3D Motorcycle Configurator
Next.js 16 (App Router)
React 19
TypeScript
Three.js r160
pnpm
Live site Source

ForgeMoto is a real-time 3D product configurator built as a front-end demonstration piece with Next.js 16, React 19, TypeScript and Three.js. It lets a visitor choose one of three motorcycle platforms and customise it across 12 systems and 53 options, with live rendering, animated INR pricing, a stock-versus- custom split-screen comparison, a custom decal editor, and a full quote submission flow. Rather than loading modelled assets, the application constructs every motorcycle procedurally from a numeric spec table - frame tubes, spoked wheels, engine fins and tank curves are all generated at runtime - and paints its tread, stitching and decal textures to canvas on the fly. The result ships with no 3D assets at all, appears without a loading screen, and stays performant by pausing offscreen renderers and scaling pixel ratio and shadow quality to the device.