Gelatta — Tailwind CSS Ice Cream Parlour Template (HTML)

About This Item

Gelato shops, scoop bars and sweet shops can sell cups, party tubs and pints online with Gelatta, a Tailwind CSS ice cream parlour template. It runs on Tailwind CSS 4 and comes with 31 pages and 3 home page designs. The look is navy and cream, with cut-out cones and pastel drips.

Three Home Pages for Gelato and Ice Cream Shops

Each home page suits a different kind of shop, so you start from the one closest to your parlour.

• Home 01, Gelato Parlour: a cream hero slider with today’s flavour tag, a priced flavour list, a scoop carousel and a Stack Your Cone scroll moment. It also shows working hours with today marked, reviews, catering, a contact form and the blog.
• Home 02, Ice Cream Shop: a full-photo hero slider, boxes for cones, sundaes and sweets, a photo mosaic and a flavour wall with falling sprinkles.
• Home 03, Gelato and Party Tubs: a peach page with line drawings, a tub hero slider, twelve sliding flavours, party tub sizes, pints, a map and a gallery strip.

Tailwind CSS Ice Cream Parlour Template for Cups, Tubs and Pints

The parlour pages hold the logic a scoop shop needs, and all of it runs from one data block.

• Build Your Cup: choose a paper cup, waffle cone or chocolate-dipped cone, then add up to four scoops from 12 flavours and up to three toppings. The price and energy update live as the scoops stack.
• Flavour Wall: shows today’s flavour with its reduced price, filters for dairy, vegan, sorbet and nut-free, and search. Each flavour lists its base, allergens and energy per scoop.
• Party Tubs: a five-step order covering tub size, flavours, extras, pick-up or delivery, and details. The date respects lead time and the closed day, and delivery is free over $120.
• Track An Order: works out the stages from received to collected using the order’s own day and time.
• Scoop Club: three monthly pint plans and a calculator that shows the yearly saving.

The rest of the 31 pages cover Catering, Our Parlours, Flavour Details, Our Menu, About, Our History, Our Makers, Gallery, FAQ with search, Blog, Contact, Login, Register and a 404 page.

Online Ice Cream Shop with Cart, Coupon and Checkout

The Shop page has filters, sort and search, and a Product page sits behind it. The Cart handles a coupon, a free-delivery meter and tax. Checkout gives an order number, and a Wishlist is included. Contact has a working form handler, a map and an optional invisible reCAPTCHA v3 check.

Light and dark mode runs on one switch, is remembered between visits and does not flash on load. Right-to-left stylesheets cover every page, and a flag language picker turns any page around. WebGL layers draw pastel melt drips and a cone in light in the footer. Swiper sliders and Fancybox lightboxes handle the galleries.

First Edits for Your Own Gelato Parlour

Most owners start with the flavour list, prices and opening hours, because the cup builder, flavour of the day and open-now line all read from one data block. Then they swap the three parlour addresses and the party tub sizes. After that, the colours for both themes are the next edit, since they sit in design tokens.

Responsive Cup Builder and Shop Layouts

Breakpoint prefixes written in the markup make every layout start from the phone and grow with the screen, so the cup builder and the shop grid reflow on phones and tablets. A section’s styling also travels with its HTML. For example, you can copy the party tub block or the Scoop Club plans to another page and keep their look.

You can open the finished pages straight from the download, and the Tailwind source is in there too if you prefer to change the styles and rebuild them. Neutral placeholders replace the preview images, so you add your own photos of cones, cups and tubs. This Tailwind CSS ice cream parlour template keeps all of that in one folder. Documentation is included, and Font Awesome Free loads locally.