Cannaweed — Tailwind CSS Dispensary Template (HTML)

About This Item

Cannaweed gives a cannabis dispensary 23 designed pages, from four home layouts to a shopping cart and an FAQ. This Tailwind CSS dispensary template also covers strains, services, team profiles and a blog. Styling comes from Tailwind CSS 4.

It suits retail dispensaries, medical marijuana clinics, hemp and CBD brands, online cannabis shops and strain review sites. Each of those needs a different mix of pages, so the set is wide.

23 Dispensary Pages: Homes, Services, Team and Contact

• Home: four layouts. Home 1 has a hero slider with featured strains, Home 2 uses a video background, Home 3 splits image and text, and Home 4 has a parallax hero.
• Company: About, Why Choose Us, Team, Team Details, FAQ and Contact.
• Services: a Services grid and a Service Details page with process steps.
• Strains: Strain Grid, Strain Masonry, Strain Slider and Strain Details.
• Shop: Shop, Shop Left Sidebar, Shop Product Detail and Cart.
• Blog: Blog Standard, Blog Grid and Blog Details.

Why Choose Us adds a statistics counter and a testimonial slider, so new patients see trust signals early. The Contact page holds a form, a map, an address and a table of opening hours.

Strain Catalogue Layouts With THC and CBD Cards

The strain pages in this Tailwind CSS dispensary template use cards that show a photo, the name, an Indica, Sativa or Hybrid badge, THC and CBD percentages, and a button. Filter buttons appear on the grid page, while the masonry page gives the catalogue an editorial feel. The slider page then puts promoted strains across the full width.

Strain Details has tabs for description, lab results and reviews. It also lists effect tags, flavour tags, a terpene profile and a related strains grid.

Online Cannabis Ordering: Product Detail, Filters and Cart

The shop pages use a filter sidebar with categories, a price range slider and a tag cloud. A product page has a thumbnail gallery, a weight selector such as 1g, 3.5g or 7g, and a quantity field. The cart lists each line with a quantity stepper and a remove button, and it has a coupon field. In this Tailwind CSS dispensary template the cart interactions are front-end only, so a checkout backend has to be connected.

Age Gate, Cookie Banner and FAQ for Compliance Questions

An age verification overlay blocks the site until a visitor confirms they are 18 or 21, and you set the wording for your jurisdiction. A cookie banner remembers the visitor’s choice. The FAQ accordion has slots for ordering, pickup, medical cards, delivery zones and product safety. Legal compliance of the final site remains the owner’s job.

Why a Tailwind CSS Dispensary Template Suits Retail Cannabis Sites

Only the classes the pages use reach the compiled CSS, so the Shop and Strain Grid pages carry no unused styles. Styling is written as utility classes in the HTML. For example, you can open a strain card and change its badge or spacing right where it sits.

Eight colour themes are included, and Lime Green #89d32a is the default. A switcher panel changes the theme without a reload. In addition, a 30-feature accessibility widget offers six profiles, including Seizure Safe and Vision Impaired. Headings use Oswald, body text uses Roboto, and Font Awesome 6 supplies the icons.

First Edits: Colours, Photos and Legal Text

Most buyers start by choosing a theme, then swap the demo photos for their own product shots. After that they rewrite the age gate text, the address and the opening hours. Service cards can be duplicated to list more offers, such as delivery or consultations.

The compiled pages work straight from the folder. The Tailwind source is also in the package, so you can rebuild after edits. Preview photos are not included, and plain placeholders fill those image slots. The contact form is front-end only, so it needs a mailer or form service to send messages.