Patissa — Tailwind CSS French Patisserie Template (HTML)

About This Item

Pastry shops, pâtisseries and pastry schools get a booking-ready site in Patissa, a Tailwind CSS french patisserie template built on Tailwind CSS 4. It has 30 pages and 3 home page designs, with light and dark mode and right-to-left support.

Gold on white marble and black, spaced capitals and a gold script make this Tailwind CSS french patisserie template read like a maison on a Paris street. Diamond rules and double gold frames repeat across the pages.

Tailwind CSS French Patisserie Template With Three Home Pages

Each home page suits a different kind of business, so start from whichever fits your shop.

• Pâtisserie: a marble hero slider, the counter with pieces left in today’s batches, and a lamination fold that shows 3, 9, 27 and 81 layers as you scroll. It also lists four masterclasses with next dates and seats.
• Masterclasses: a dark hero with the next session of each class, upcoming sessions with level tabs, a class photo carousel, vouchers and questions.
• Salon & Counter: the logo centred over the menu, a boxed hero slider, a portions calculator, the salon’s hours with a map and the journal.

Masterclass Booking and Pre-Order Pages

The booking logic is already built, so a school can take reservations from day one.

• Masterclasses: eight classes in three levels, with a month filter and search. Each card shows the next free session and seats left.
• Book A Class: a four-step wizard that offers dates from the class repeat rule, blocks full dates and ends with a booking reference.
• Pre-Order: choose a day, then a morning or afternoon batch with its own cut-off and pickup window. Each pastry shows pieces left.
• Tarts & Entremets: eight recipes in four sizes. Guests and appetite give the slices, and the calculator advises the size, price and earliest pickup date.

Gift Vouchers, Menu and Pastry Shop Pages

Gift Vouchers let a buyer pick a value or a masterclass, choose one of three designs and see a live voucher card. The code, message, send date and expiry are included.

Our Menu lists cakes, tarts, delights and drinks with category tabs, gluten-free, vegetarian and nut-free filters, and search. The Shop adds filters, a product page, a bag, a coupon, a free-shipping meter, tax, checkout and a wishlist.

All 30 Pages

Beyond the pages above, the set includes About Us, Our History, Our Chefs, Chef Profile, Gallery and FAQ with search. Class Details, Weddings & Events, Product Details, Cart, Checkout, Wishlist, Blog with six post formats and Blog Details are also there. Contact has a working form and a map. The account pages, a Coming Soon page and a 404 page finish the list.

Theme Settings That Carry Across Patissa

The compiled CSS holds just the classes in use on these pages, so leftover rules stay out. The theme defines colors, fonts and spacing in a single place. For example, changing the gold there updates the booking wizard, the shop and every home page together.

Patissa also uses Swiper sliders, Fancybox lightboxes, GSAP scroll effects and WebGL layers tinted by the theme colors. Fonts are Montserrat and Great Vibes, and icons are Font Awesome Free plus gold line icons.

Starting Edits for a Pastry Shop Owner

Most owners begin with the brand colors, the two fonts and the class, bake and menu data. The data for masterclass dates, seats, batches, cut-offs and prices comes from one data block, so a single edit updates the booking, pre-order and shop pages.

The finished pages open as they are. The download also includes the Tailwind source for anyone who wants to rebuild the styles. The preview photos stay out, and neutral placeholders take their place, so you add your own pastry images. Documentation is included.

The Contact page ships with a working form handler and optional invisible reCAPTCHA v3.