Every HTML template is free to download and use on unlimited sites. See how pricing works
ThemeVault

Kafe – Coffee Shop & Café Bar Astro Template

The Kafe coffee-house design as an Astro 7 project, with both looks (After Hours night and Pour Over day) in one setting: menu, chefs, gallery and events as JSON collections, a page per event, Markdown news posts, SEO, and five forms that post to your endpoint.

Try the live demo

Astro Template · single-site commercial license · included with Pro

  • Astro
  • Bootstrap 5
  • HTML
  • CSS
  • JS
  • Released Nov 2026
  • v1.0 · Nov 2026
kafe astro · live demo
  • 12 pages+ 4 HTML emails
  • v1.0updated Nov 2026
  • 1views

The Kafe coffee house, kitchen and bar design as an Astro 7.3.3 static-site project. It carries both of the template's looks: After Hours, a night-time café-bar with a glowing neon sign, and Pour Over, a daylight coffee house with a glass that pours itself. Pick one with a single setting in site.json. Copy, the menu, the chefs, the gallery and the events live in content files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.

  • Events with a page each: every entry in events.json gets its own page at /events/<id>/ with its menu or running order, price, time and a seats form that sends the event's name. Cards are sorted by date, and the home page shows the next two.
  • The menu, chefs and gallery as collections with schemas: menu cards (searchable from the header), the chef slider, and gallery photos whose tabs come from the categories you give them.
  • News posts in Markdown: six posts to start from, each with its own page, the chef's author card, a latest-news side list, related posts, comments and an RSS feed.
  • Eleven pages: home with a hero slider and an open-now lamp driven by your opening hours, about, menu, gallery, events, event detail, reservation, news, news post, contact with map, and 404.
  • Five working forms: table booking, contact, newsletter, event seats and comments, with validation, posting to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own), one address per form if you like. Four matching HTML emails are included.
  • SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data (posts and events), sitemap, robots.txt and RSS. Photos are resized and served as WebP by astro:assets.
  • Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), self-hosted fonts, Font Awesome 6, strict TypeScript with npm run check. Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host.

Includes a README, a CONTENT guide to every file and field, and an online documentation page with screenshots. Photos in the download are blurred placeholders for your own.

  • Two designs in one project, After Hours (night) and Pour Over (day), picked with one setting
  • A page for every event from events.json, with its own menu, price and seats form
  • Menu, chefs and gallery as JSON collections; six Markdown news posts with comments and RSS
  • SEO head, sitemap and WebP photos built in; astro check passes with 0 errors
  • Booking, contact, newsletter, event seats and comment forms that post to Formspree, Netlify Forms or your own endpoint

Pages

Designs included

2 designs in one download

Kafe Astro ships two complete designs on the same pages — pick one when you build your site. Switch between them in the live preview with the View control on the right.

Every page

See all 15 pages at a glance

Each page is built and ready, including the 404 page and the emails.

Kafe Astro on a phone

The home page on a phone, as it looks in the live demo.

Questions

About this template

What does the license cover?

One website, commercial use included. Read the license for the full terms.

Is Kafe Astro included with Pro?

Yes. Pro includes every format of every design, with the credit link removed, for $49.00₹2,999 a year as one payment.

Will I get updates?

Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.

Are the photos included?

The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.

Subscribe Us

Keep looking

View Similar Templates

All templates
From the blog

View Blog

Live preview

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.