TemplatesKofi - Next.js Coffee Shop Website Template

Kofi - Next.js Coffee Shop Website Template

Build a high-converting cafe website with Kofi, a Next.js template featuring smooth Lenis scrolling, Framer Motion animations and responsive Tailwind CSS styling. Perfect for coffee shops, roasters and bakeries looking for an elegant menu display, sticky highlight cards and full location details.

Interactive Menu Grid

Sticky Card Highlights

Full-Screen Navigation Overlay

Smooth Lenis Scrolling

Framer Motion Animations

Embedded Google Map

Operating Hours Schedule

Responsive Mobile Design

Tailwind CSS Styling

Clean Typography Layout

Tags:#coffee shop #cafe template #restaurant website #beverage menu #specialty coffee #roastery #nextjs template #tailwind css

Kofi - Next.js Coffee Shop Website Template

Live Demo

Published By

PrebuiltUI

Published At

19 Aug 2026

Previews

700

Hero section with specialty coffee badge, headline, action button and horizontal image gallery

Highlights section presenting sticky stacked visual cards showcasing cafe ambiance and craftsmanship

Interactive cafe menu grid displaying specialty espresso drinks with prices and descriptions

Modern website footer with operating hours, contact information, social links and interactive map

Explore more templates

Browse all templates

Medicare - React JS Healthcare Website Template

Medicare is a premium, modern healthcare website template designed specifically for medical clinics, hospitals and healthcare professionals. Featuring a clean, trustworthy design, smooth animations and a seamless appointment booking flow, Medicare provides the perfect foundation to establish a strong online presence for your medical practice.

Design - React JS Ecommerce Template

Design is a light-themed, minimal ecommerce multi page template crafted for modern brands and online stores. Built with clean layouts, soft spacing and smooth animations, it helps businesses showcase products, categories and brand value with clarity and elegance.

Forged - React JS Gym Website Template

Forged is a premium Gym website template built for elite training clubs, boutique gyms and performance coaching brands. It features a bold hero section, membership pricing, athlete testimonials, FAQ accordion, contact form and insight blog previews. With dark luxury styling.

Pixels - React JS Animated SaaS Template

Pixels is a dark-themed SaaS template with using smooth Framer Motion animations and pink color theme, crafted for startups and modern products that want a bold and unique look with modern webite design.