Glazio — Tailwind CSS Donut Shop Template (HTML)

About This Item

Donut shops, cupcake bakeries and dessert bars can sell boxes and take party orders with Glazio, a Tailwind CSS donut shop template built on Tailwind CSS 4. It comes with 30 pages and 3 home page designs, and the look is playful, with aqua and cream grounds, pink buttons and chocolate text.

Three Home Pages in One Tailwind CSS Donut Shop Template for Donut Bars and Sweet Shops

• Home 01, Donut Bar: an aqua hero slider, a cut-out donut grid, reviews, a Box Of Twelve scroll scene, today’s menu and the next collection slot per shop.
• Home 02, Sweet Shop: a boxed photo hero, the Google rating, a shop grid, Rolling Donuts, the cupcake studio and a gallery strip.
• Home 03, Party Tables: a cream hero with a guests calculator, Piping Line and three priced tables. Then come a party menu, a history timeline and reviews.

Build A Box, Click & Collect and Party Requests for a Donut Shop

The dessert-bar pages of this Tailwind CSS donut shop template do real work, so a visitor can finish an order on the spot. For example, Build A Box lets a guest pick a half dozen or a dozen from 12 drawn donuts. A full dozen gets a lower price and opens a thirteenth cell.

• Today’s Counter: shows the donut and cupcake of the day and whether each treat is on the counter, going fast or sold out.
• Click & Collect: offers a shop, a day and a fifteen-minute slot with the places left.
• Dessert Tables: turns a guest count into whole boxes, with setup, delivery and a price per guest.
• Plan Your Party: a four-step request priced by the same engine, and only Send Request checks the form.

Donut Shop Menu, Online Shop and Inner Pages

The Counter Menu lists every donut, cupcake, mini and drink. It also has category tabs, vegan, gluten-free and nut-free switches, search and allergen details. In addition, the shop has filters, a bag, a coupon, a free-delivery meter, tax, checkout and a wishlist.

The other pages cover About, Our History, Our Bakers, Baker Profile, Locations, Gallery and FAQ with search. They also include Blog with six post formats, Blog Details and Contact. Account pages for sign in, sign up and password reset come with it, as do Coming Soon and 404 pages.

Tailwind CSS 4 Theme and What You Would Change First

Most buyers start with colour and type, so that is where the theme helps first. In Tailwind CSS 4, you set colours, fonts and spacing once in the theme, so a new palette reaches the menu, the shop and the party pages together. The compiled CSS keeps just the classes the pages actually use, so leftover styles stay out.

You get ready pages that open as they are, and the Tailwind source if you want to edit and rebuild the styles. This Tailwind CSS donut shop template also keeps its code commented. The preview images stay out of the download. Neutral placeholders take their place, so you add your own donut photos. Documentation is included.

Light and Dark Mode, RTL and WebGL

• Light and dark mode on one switch, and the page remembers your choice between visits.
• Right-to-left support and a flag language picker.
• WebGL icing ribbons and a spinning glazed donut that take the theme colours.
• Swiper sliders, Fancybox lightboxes and Font Awesome Free loaded locally.
• A working contact form with optional invisible reCAPTCHA v3.

The download also includes drawn art: twelve donuts, eight cupcakes, the donut box, the piping bag and the sprinkle tile. Fonts are Poiret One and Open Sans, and the pages support prefers-reduced-motion.