Remix · Landing Page · Restaurant

Food Joint

A loud one-page site for a restaurant

Open in Codecaine

Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free

Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.

Food Joint — home page

About

A loud one-page site for a restaurant: a preloader that flicks through the menu, a hero photo in a morphing SVG cushion under huge type, a scroll-inked statement with food set into the words, a tabbed menu with a pointer-chasing blob preview, a zoom through a word cut out over a wood-fire film, a pinned sideways walk through the kitchen, stickers you can move, and a booking form.

Designed for

  • Restaurants, burger and fried-chicken joints, bakeries and street-food kitchens with a big personality
  • Menus that people want to browse, with prices, heat levels and a picture for every dish
  • Places that sell the kitchen as much as the plate — fire, wood, fryers and films of them
  • Taking table bookings without a back end on day one

Details

Version
1.1.1
Updated
Sep 30, 2026
Pages
2
Framework
vite
Styling
tailwindcss@4
Dev port
3150
SDK
@canvas/react 0.1.1
License
MIT
Download
459 KB · 67 files

Keywords

restaurantfoodmenubookingvideosvg-clip-pathpreloaderscrollframer-motionlenisshadcnreactvitetailwind

More remixes

See all 38