Weefly — Tailwind CSS Marijuana Dispensary Template (HTML)

About This Item

Weefly covers the whole dispensary customer path in 18 pages, from a hero homepage to order checkout. This Tailwind CSS marijuana dispensary template suits dispensaries, CBD retailers, delivery services and marijuana brands. It uses Tailwind CSS 4 for styling, so every page keeps its look in utility classes. Developers building cannabis client sites can also start from it.

Choosing a Tailwind CSS Marijuana Dispensary Template for CBD and Delivery

A dispensary site must show a menu, explain products and take orders. Weefly handles those jobs with two homepage designs, so a brand can pick the hero style that fits it. The About page tells the dispensary story, while Contact adds a form, a map and business details.

Strain Pages, Cart and Checkout for Dispensary Orders

Shoppers browse the catalog first, so the template gives you three shop layouts:

• Full-width catalog with filtering options
• Left sidebar for category navigation
• Right sidebar for filters and widgets

The Product Details page holds images, strain data and pricing. Then the Cart manages items and totals. Checkout finishes the order with billing and payment forms, and an order summary sits beside them.

These shop, cart and checkout pages matter most in a Tailwind CSS marijuana dispensary template, because a visitor who cannot find a strain or finish an order leaves without buying.

Login, Signup and Account Pages for Returning Customers

Repeat customers need a place to sign in and check their details. Login and Signup are separate pages, and the Account page gives logged-in users a dashboard with profile management. A custom 404 page also keeps visitors on the site when a link breaks.

Blog Pages for Cannabis Education

The Tailwind CSS marijuana dispensary template also includes four blog pages:

• Blog Details with comments and sharing
• Blog with a left sidebar
• Blog with a right sidebar
• Two-column blog grid

Use them for product guides, strain notes and store news, so the shop can also draw readers through content.

Breakpoints and Utility Classes on Shop and Checkout Pages

Tailwind CSS 4 applies mobile-first breakpoint prefixes in the markup, so the shop grid and checkout form adapt to phone, tablet and desktop widths. Utility classes in the HTML let you read and change a product card’s look right where it appears. The compiled CSS contains just the classes these pages use, so unused styles stay out.

The download holds the finished pages, ready to open, plus the Tailwind source for changing styles and rebuilding them. Preview images are not included, and neutral placeholders replace them. The template uses Font Awesome and Flaticon cannabis icons, with Google Fonts for its typefaces.