What's in the box.
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.
Buyer’s guideDispensary Website Design: 12 Best Cannabis Website Templates (2026) — see how Cannaweed compares with the alternatives.
Cannaweed 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.
-
CannaweedHTML5
$13
$18View HTML5 → -
This page CannaweedTailwind CSS $18
$23You are viewing it -
CannaweedReact
$9
$12View React → -
CannaweedVue.js
$9
$12View Vue.js → -
CannaweedAngular
$9
$12View Angular → -
CannaweedWordPress
$54
$72View WordPress → -
CannaweedAI Smart Website
$1,079
$1,439View AI Smart Website → -
Save 20%
Developer bundleAll 5 code formats
$75.20
$94View bundle →
What's changed.
- First release of the Tailwind CSS 4 edition with 23 pages
- Includes 4 home layouts, 4 strain pages, a 4-page shop and 3 blog layouts
- Adds 8 colour themes, an age gate, a cookie banner and a 30-feature accessibility widget
Need Cannaweed 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.