Request a callbackBook a call
▶ Scroll videoWarm light

Ember & OatFree coffee brand and cafe template

A cosy coffee brand site where the pour follows your scroll and the page darkens like espresso.

Ember & Oat scrubs a slow-motion pour with the scroll while the whole page shifts from cream to espresso. Flip cards tell the story of each blend, and a subscription builder lets visitors choose their beans, grind and schedule without leaving the page.

Open live demo ↗Download free .zip ↓Get it customised
Best for
  • Coffee roasters
  • Cafes and bakeries
  • Food and drink brands
  • Subscription boxes
Scroll video · Warm light theme · Updated 2026-10-24
yourbrand.com

Scroll inside the preview, or open the full demo.

Animations inside

  • Scroll-scrubbed pour
  • Scroll-driven cream to espresso colour story
  • Flip cards
  • Subscription builder

Sections

  • Scroll film hero
  • Origin story
  • Blends
  • Brew guide
  • Subscription builder
  • Cafe visit
  • Footer

Best for

  • Coffee roasters
  • Cafes and bakeries
  • Food and drink brands
  • Subscription boxes

What you get

  • A single index.html with all the markup, styles and animation code
  • An assets folder with the images, fonts and frames it uses
  • No build step: open the file in a browser and it runs
  • Works on any static host: Netlify, Vercel, Cloudflare Pages, S3 or cPanel
  • Free licence for personal and commercial use
  • A credit link to axionry.com is appreciated, not required
Done for you

Want Ember & Oat live on your domain this week?

We customise Ember & Oat with your brand, copy and photos, shoot or generate your own scroll film, wire in your forms, booking, WhatsApp and analytics, and launch it on your domain, fast and search-ready.

This template, customised
from $1,000
Fully custom design
from $2,500

* Exact pricing is always decided once we connect.

One-click callback · website from the Ember & Oat template

Just your email. The product is filled in for you, and Neeraj replies within a day.

Website development →Book a 20-min call ↗
FAQ

Common questions.

Straight answers. If yours isn't here, ask on a 20-minute call.

Is the Ember & Oat template free for commercial use?+

Yes. Ember & Oat is free for personal and commercial use, including client work. Edit it, rebrand it and host it anywhere. You may not resell or redistribute it as a template. A credit link to axionry.com is appreciated, never required.

What animations are in Ember & Oat?+

Ember & Oat includes: scroll-scrubbed pour; scroll-driven cream to espresso colour story; flip cards; subscription builder. All of it is vanilla HTML, CSS and JavaScript in one file, with no framework or animation library to install.

How much does it cost to customise Ember & Oat for my business?+

Having Ember & Oat customised with your brand, copy, photos, your own scroll film and your forms, booking and analytics, then launched on your domain, starts from $1,000. A fully custom design starts from $2,500. Exact pricing is always decided once we connect.

How do I edit a template?+

Unzip the download and open index.html in any code editor. The text, colours and images are plain HTML and CSS, and the animations are vanilla JavaScript in the same file, with no framework and no build step. Save the file, refresh the browser and you see the change.

Where can I host a free template?+

Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, an S3 bucket or ordinary shared hosting. Upload the folder, point your domain at it and it works. There is no server or database to run, so hosting is usually free or close to it.

How does the scroll video effect work?+

The film is exported as a sequence of compressed still frames. As the visitor scrolls, a small script works out how far through the section they are and draws the matching frame on a canvas, so the scroll bar becomes the playhead. It is the same technique Apple uses on its product pages, with no video player involved.

Do I need to know how to code?+

Changing text, colours and images takes basic HTML, and every section is clearly separated in the file. For anything bigger, such as new pages, a CMS, a booking system or a store, we can customise it for you and have it live on your domain within a week.

More free templates

You might also like

All templates →