Donut Drool
An e-commerce home for a multi-outlet eggless donut bakery in Nepal, with 25+ flavors you can spin in 3D before you order.
Overview.
Donut Drool is a full-featured Next.js site for a specialty eggless donut bakery running across three locations in Kathmandu and Lalitpur, Nepal. It carries an extensive menu of 25+ donut flavors with pricing, a complete bakery catalog of cakes, pastries, bread and cookies, a specialty drinks menu, and per-outlet location and hours, all tuned for both desktop and mobile, with SEO and analytics baked in.
Challenges.
The core problem was making 3D feel effortless. Six custom GLB donut models had to be integrated through Three.js and React Three Fiber with the right scale, rotation and positioning, then choreographed into a burst animation where the donuts fly into frame on hero load. Layered on top of that, 25+ flavors with conditional rendering, color-coded cards and GSAP scroll-triggered text reveals pushed mobile hard. The fix was lazy loading and media-query-gated animation so the experience stays smooth on a phone.
