What's in the box.
Delivery services, dispensaries and weed marketplaces get 31 ready pages in Herrer, a Tailwind CSS cannabis shop template. Tailwind CSS 4 drives the visual layer, so you can read each section’s look right in its tags.
Storefront Pages for a Tailwind CSS Cannabis Shop Template
The shop pages follow the steps a customer takes before an order, from the first visit to the receipt.
- Four homepages, Homepage 1 to Homepage 4, so you can test different first impressions.
- Shop Full Width, Shop Left Sidebar and Shop Right Sidebar for the product catalog.
- Product Details, Comparison, Checkout and Order Details, for example when a shopper weighs two strains side by side.
- Reviews, About, Login and Register for trust and account pages.
Vendor Profiles, Vendor Map and Listing Archives
A multi-vendor weed marketplace needs more than a product grid. Herrer includes five vendor pages: Vendor, Vendor Style 1, Vendor Style 2, Vendor Map and Add Vendor. New sellers can sign up through Add Vendor, while shoppers browse profiles in two styles.
Listing Detail, Listing Archive Full, Listing Archive Left, Listing Archive Right and List View handle directories of stores or products. The Geo-Locator page shows an interactive map, so customers can find the nearest dispensary or delivery zone. A page for promotions and limited-time offers sits beside a three-page blog made of Blog, Blog Style 2 and Blog Details.
Changing Shop Layouts With Tailwind CSS 4 Utilities
Each section carries its look in class names on the elements themselves, so you can read and change it on the spot. For example, you can adjust the grid on Shop Left Sidebar without opening a separate stylesheet. The compiled CSS contains just the classes in use, so unused styles are left out.
That also makes this Tailwind CSS cannabis shop template easy to retheme for CBD, hemp or wellness brands. Start with brand colors, product names and the hero on Homepage 1, then move on to Product Details and Checkout.
Source Files and Placeholder Images in the Download
You can open the pages directly in a browser. The package also contains the Tailwind source, which lets you edit the styles and rebuild the CSS. Preview photos are left out, and plain placeholder images fill those spots. Most buyers of this Tailwind CSS cannabis shop template swap in their own product photos first.
Icons come from Font Awesome and Flaticon, and fonts come through Google Fonts.
Buyer’s guideDispensary Website Design: 12 Best Cannabis Website Templates (2026) — see how Herrer compares with the alternatives.
Herrer in other formats
The same design, built natively in each stack. Every format is its own product with its own demo, documentation, download and reviews.
-
HerrerHTML5
$19
$49View HTML5 → -
This page HerrerTailwind CSS $24
$54You are viewing it -
HerrerReact
$27
$49View React → -
HerrerVue.js
$16
$49View Vue.js → -
HerrerAngular
$27
$49View Angular → -
HerrerWordPress
$71
$111View WordPress → -
HerrerPHP
$18
$49View PHP → -
HerrerAI Smart Website
$2,926
$3,126View AI Smart Website → -
Save 20%
Developer bundleAll 6 code formats
$142.40
$178View bundle →
What's changed.
- First release of Herrer in the HTML with Tailwind CSS edition.
- Includes 31 pages, with 4 homepage layouts and 5 vendor pages.
- Adds shop, listing archive, blog, comparison and geo-locator layouts styled with Tailwind CSS 4.
Need Herrer installed or customized?
Fixed prices, done by the developers who built this template. Pick a service and we take it from there.
- Theme installation
- Color scheme customization
- Speed optimization
- 1-hour web development
Reviews
There are no reviews yet.