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

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

Imagine - React JS AI SaaS Website Template

Imagine is a clean, modern AI SaaS website template designed for startups, product teams and design-driven platforms. Built with a minimal layout, strong typography and conversion focused sections, it helps teams showcase products, workflows and impact with clarity and speed.

DentCare - React JS Dental Clinic Template

DentCare template is a blue-themed dental clinic landing page template for dentists, clinics and healthcare professionals. DentCare is built with smooth framer motion animations and clean modern layout, it helps clinics showcase services, expert teams and patient trust.

Moksha - React JS Yoga Website Template

Moksha is a soft-themed yoga landing page template made for instructors and wellness coaches. With a mindful design, class schedules, about the instructor section and student testimonials, it help you build a professional online presence that really connects with your community.

Interio - React JS Interior Design Website Template

Interio is a premium interior design website template crafted for architects, interior designers and creative design studios. It features fully responsive sections for services, featured portfolios, client testimonials, team stories and interactive FAQs. Designed with a sleek contemporary aesthetic and fluid animations.