Dispensaries, delivery services and brands each get a place to be listed in Weedo Main, which is styled with Tailwind CSS 4. This Tailwind CSS cannabis directory template comes with 20 pages for a listing platform.

Building a Tailwind CSS Cannabis Directory Template Around Listings

A directory has a different job from a single dispensary site. Visitors search many vendors, so the pages focus on browsing, comparing and choosing. Vendors, in turn, pay for visibility, so the template includes subscription pricing.

These buyers will recognize their own project here:

• Cannabis directory operators who connect shoppers to dispensaries
• Dispensary aggregators who show several vendors with comparison and pricing tools
• Cannabis SaaS founders who charge vendors through subscription tiers
• CBD marketplace builders who need product discovery pages
• Developers who build listing sites for cannabis clients

Shop Layouts, Listing Details and Product Comparison

Four shop layouts handle browsing: a full-width catalog with filtering, a left sidebar version, a right sidebar version and an expanded full-width layout. The sidebar versions suit filters, while the wide layouts show more listings at once. Home adds featured listings, categories and platform highlights.

Shop Details is the page for one listing, with images and specifications. Comparison then puts listings or products in a side-by-side table, so shoppers can weigh options before they choose. These two pages matter most, because they are where a directory visitor makes a decision. Any Tailwind CSS cannabis directory template needs both of them to work well.

Pricing Plans for Vendor Subscriptions

Pricing Plans uses tiered cards for vendor subscriptions or listing packages. A directory can then charge for placement without building extra pages. Because the cards are plain HTML, you can rename the tiers and change what each one lists.

Blog, Login, Signup and Coming Soon Pages

• Blog: six layouts, made up of an archive, a left sidebar listing, a right sidebar listing and article pages with a left sidebar, a right sidebar or a full-width layout
• About: the platform story, mission and team
• Contact: a form, a map and business details
• Login and Signup: account pages for shoppers and vendors
• Coming Soon: a pre-launch countdown with email signup
• 404: an error page with navigation links

Editing Shop Cards and Pricing Tiers With Tailwind CSS 4

Tailwind CSS 4 puts the styling in class names written on each element, so a shop card’s look is readable where the card sits. Because each section carries its own styling, you can move a Pricing Plans card to another page without losing its appearance. Hover and focus states sit beside the base styles, which helps when you adjust filter links and buttons.

The download opens as finished pages and also holds the Tailwind source for rebuilding styles after your edits. Preview images are excluded, and neutral placeholders appear instead. Font Awesome and a Flaticon cannabis set supply the icons, and the typefaces load from Google Fonts.