Slurp°
Twelve seats. One rule: slurp loud.
Hospitality sites usually look like menus printed onto a web page. Slurp° is the opposite: a single-room ramen bar rendered as a moodboard you can scroll. Built as a demo for restaurant clients who want their site to feel like the room.
/ What we built
The shape of it.
- 01
A real-time 3D bowl rendered with react-three-fiber, steam rising on idle, tilt on scroll.
- 02
GSAP-paced reveals choreographed against Lenis smooth scroll — every section enters once and stays.
- 03
A six-section narrative: story, menu, craft, ingredients, press, visit. No filler, no stock photos.
- 04
Custom cream-and-chili palette mapped to CSS tokens, so the entire feel changes with a single color shift.
- 05
Built to be re-skinnable: change the GLB, change the tokens, change the copy — same engine, different restaurant.
/ Stack
What it's made of.
- Next.js 16
- React 19
- react-three-fiber
- drei
- GSAP
- Lenis
- Tailwind v4