Cakeshop

Author: Colorlib

Updated: November 2026 · v3.0.0

Credits: Images from Unsplash

Cakeshop is a website template for cake shops, bakeries and patisseries, with a dark design and gold accents. It is built on Bootstrap 5, and the layout adapts to phones, tablets and desktops. It comes with seven pages: home, cakes, about, blog, blog post, contact and elements.

The home page has a hero with an order button, an about section, a product slider, a promotional video, customer testimonials, blog teasers and a photo strip. The cakes page lists six products, the blog has a searchable post list with pagination and a sidebar (categories, recent posts, tags, newsletter), the blog post page has comments and a comment form, and the contact page has an order form and a map that loads on click. Other features are a back-to-top button, a sticky header with a drop-down menu and a mobile menu. Use Cakeshop as it is or adapt it to your own bakery’s brand.

Here are some awesome bakery website designs for inspiration based on easier website builders.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used a trimmed Bootstrap 5 beta and jQuery), compiled from Sass with only the parts the pages use, and plain JavaScript with no jQuery. Swiper 14 replaces Slick on the product slider, an accessible menu panel replaces SlickNav, PhotoSwipe replaces Magnific Popup, and Lucide SVG icons replace two icon fonts. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the eight pages together went from 10.5 MB and 409 requests to 5.4 MB and 228 requests, and the home page from 1.72 MB and 56 requests to 1.22 MB and 36. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, and the download is about 5.1 MB with the Sass sources and build tools included.
• No third-party requests: Jost and Poiret One are self-hosted, the social logos come from a small Font Awesome Brands subset (the Twitter bird is now the X logo), the contact map is OpenStreetMap, loaded only when a visitor clicks “Show map”, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its fonts from Google Fonts and the contact page loaded a maps script.
• Working forms: the contact form, the blog comment form and the newsletter form send through PHP handlers with validation, a spam trap and an in-page message. Before, the comment and sidebar forms posted nowhere. The blog search now filters the posts in the browser and the list paginates.
• Accessibility: a skip link, one h1 per page, visible form labels, names on icon-only links, a visible keyboard focus ring, submenus that open from the keyboard, a mobile menu that closes with Esc, and text contrast of at least 4.5:1.
• New demo content: product names, blog posts, categories and testimonials are written for a bakery, with fictional names, address, phone and email. All photos are licensed Unsplash photos and the logo is a vector drawing.
• Sass sources in assets/scss, one partial per area, a README and a documentation page built from it.