Hopstead is a brewery website template: a bold, graphic HTML5 template for craft breweries, taprooms, brewpubs and beer brands. A grey modular grid ruled in hairlines, light headlines with bold italic accents, offset-shadow buttons, starburst stickers and twelve hand-drawn cartoon cans give it the feel of a real small-batch label. Underneath, it runs real brewery logic. A beer finder works by family, strength and bitterness, and spec sheets carry ABV and IBU dials. A live taproom board knows when it is open and drops the pint price in the happy hour.

It also has a tasting flight builder, a four-step tour booking with seats left and a case builder with case discounts. Finally, there are Hop Club pricing by billing period, a stockist finder, events on repeat rules and a full shop. It ships with light and dark mode, right-to-left support and WebGL layers – a grain-textured malt haze and a hop cone drawn in light.

Three Home Pages

• Home 01 – Craft Beer: a split hero with a can slider and a recycled-cans statement. In Know Your Pour, four flagship beers’ ABV and IBU dials sweep to their figures as you scroll. Then come a ruled rail of the core range and the taproom at night. There, a spotlight follows your pointer beside the live tap board. Finally, the page ends with posts, the brewers and a Hop Club sign-up.
• Home 02 – Brewery: a left rail menu, a photo hero slider and sticker features. Then come six fresh cans with their canning dates, The Brewhouse, Step By Step – mill, mash, boil, ferment, condition and can slide sideways with the page – voices. Next comes the brewer list with a photo that follows the row. Finally, the page ends with two sites with live hours and a working contact form and a gallery.
• Home 03 – Beer Showcase: a full-screen can showcase whose colour changes with every beer. In From Lager To Stout, the ground pours from pilsner gold to imperial stout black by each style’s own SRM colour. Finally, the page ends with every beer by family, a case teaser and the next events.

Brewery Pages

• Our Beers: family tabs, a strength and a bitterness limit, search over names, hops and malts, sort. It also has the ABV / IBU / SRM scale.
• Beer Details: a spec sheet with ABV and IBU dials. It also has the beer’s place on the colour scale, hops, malts and pairing, pack choices that reprice. Finally, it has the live pint price from the taproom.
• Mix A Case: twelve or twenty-four cans, steppers that never overfill the case. It also has the discount and the price per can worked out live, one click to fill the rest.
• Hop Club: three plans repriced by monthly, quarterly or yearly billing, a comparison table and a sign-up with a live summary.
• Taproom: open now and until when, the kitchen and the happy hour live. It also has every tap with taster, half and pint prices. Finally, it has a four-glass flight builder and a table request with the day’s real times.
• Brewery Tours: three tours and a four-step booking with a live total. The steps are tour, a day and a time with the seats left, guests, extras and details. Designated drivers pay their own rate. Continue never blocks; only Confirm checks the details.
• Events: events on their own repeat rules (weekly, the nth weekday of the month, once). It also has a month calendar and ticket reservations capped by the places left.
• Where To Buy: stockists filtered by city, kind of place and search, with a wholesale request form.
• Shop: 4-packs and mixed packs with filters, sort and search, product page, bag, coupon, free-shipping meter, tax, checkout with an order number and a wishlist.

Inner Pages

Hopstead includes Our Beers, Beer Details, Mix A Case and Hop Club. It also has Where To Buy, Taproom, Brewery Tours, Events, Event Details, Gallery and About. Then come Our Brewers, Brewer Profile, FAQ with search, Blog, Blog Details and Shop. There are also Product, Cart, Checkout, Wishlist, Login, Register and Forgot Password. Finally, there are Contact (working PHP form and map), Coming Soon and 404 – thirty pages in total.

Brewery Website Template Features

• 30 HTML pages, 3 unique home page designs
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: a grain-textured malt haze in the night bands and a hop cone drawn in light in the footer
• Real brewery logic: beer finder, spec sheets, live taproom board and happy hour, flight builder, tour booking, case builder, club pricing, stockists, event dates, shop totals
• A pint-fill preloader, photographs that fill up like a glass, a pointer spotlight in the taproom band and three scroll moments that never pin the page
• An age check on the first visit, remembered in the browser
• Twelve drawn cans and four mixed packs with their own labels, and sticker icons that read on light and dark
• Swiper sliders, Fancybox galleries and video, counters
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This brewery website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Hopstead also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Brewery & Craft Beer HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (DM Sans, Nunito).