Skip to content

Smash & Ember Burgers

A mouth-watering animated burger joint: the burger builds itself layer by layer, pulls apart as you scroll and fries fly around the page.

Smash & Ember Burgers — Home
Smash & Ember Burgers — Menu
Smash & Ember Burgers — Our story
Smash & Ember Burgers — Order & visit
Smash & Ember Burgers — Mobile

Scroll inside the preview to see the whole page.

About this template

A bold, playful restaurant website for a burger joint. In the hero, a burger drops in layer by layer — bun, patty, melting cheese, tomato, lettuce, bun — with steam rising, a spinning “fresh, never frozen” badge and ingredients floating around it. Crossing ribbons scroll the specials, the burger pulls apart into its six layers as you scroll (“anatomy of a smash”), menu dishes jump and wiggle on hover, the combo trio bounces on a glowing grill and review stickers float. Includes a tabbed menu (burgers, sides, shakes), combo, counters, reviews, an Order-for-pickup form, About and Visit pages, plus a full illustrated food set. Every animation is a class you can switch on or off in Cornerstone.

Highlights

  • Hero burger that assembles itself layer by layer, with steam, a spinning badge and floating ingredients
  • Scroll-driven “anatomy” section where the burger pulls apart into its layers
  • Tabbed menu built with the native Cornerstone Tabs element — dishes jump and wiggle on hover
  • Crossing marquee ribbons, bouncing combo trio, animated counters and floating review stickers
  • Order-for-pickup form built with Cornerstone Forms
  • Original illustration set: 6 burgers, burger layers, fries, rings, shakes, soda and ingredients
  • Journal with category filters, three sample articles and custom blog archive and article layouts

Pages included

  • Home
  • Menu
  • Our Story
  • Order & Visit
  • Grill Notes
  • Blog article
  • Privacy Policy

What you need

  • Required
    Pro theme or CornerstoneThe template is a Cornerstone export (.tco) — built with native Cornerstone elements, fully responsive.
  • Required
    Cornerstone FormsAdds the pickup order form

How installation works

  1. Make sure the Pro theme or the Cornerstone plugin is active, and install and activate Cornerstone Forms first.
  2. In WordPress, open Cornerstone › Templates, click Import and upload the .tco file. Pages, headers, footers, layouts, images, colours and fonts are added to your site.
  3. Go to Settings › Reading, choose A static page and set Homepage to “Home”.
  4. Forms send to your site’s admin email (Settings › General). To use another address, edit the form’s Email action in Cornerstone.
  5. Replace the sample text, photos and contact details with your own in Cornerstone — and you’re live.

More templates

See all →
Apex Motors
Automotive

Apex Motors

A liquid-glass sports car site told as a story: cars drive in, cross the screen as you scroll and a speedometer sweeps into view.

$59 Details
Vector & Velvet Design Studio
Creative & Agency

Vector & Velvet Design Studio

A dark purple and hot pink graphic design studio site whose animations look like a design app at work: pen tool, selection handles, swatches and kerning.

$59 Details