Herrer — Tailwind CSS Cannabis Shop Template (HTML)

About This Item

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.