Weedify — Tailwind CSS CBD Shop Template (HTML)

About This Item

Four homepages, a shop, a cart and nine blog layouts make up Weedify, a Tailwind CSS CBD shop template with 22 pages. Styling is done in Tailwind CSS 4, so a dispensary, CBD store or delivery service can change colors and spacing without rewriting the layout.

Tailwind CSS CBD Shop Template for Dispensaries and Delivery Menus

Buyers are dispensary owners, CBD shop operators, cannabis delivery services, marijuana brands and web developers who build for cannabis clients. Each group gets the same 22 pages, so a developer can start from one design and adapt it for every client.

The pages fall into a few groups:

• Homepages (4): a main page with a hero banner and featured products, one with a slider and product categories, one with parallax sections and testimonials, and one with bold imagery and promotional blocks.
• Shop (3): full-width, left sidebar and right sidebar catalogs.
• Product Details and Cart: one product page and one cart page.
• Blog (9): grid, list and article views, each with a left, right or no sidebar.
• Account and info: About, Log In, Signup and a custom 404 page.

Shop Sidebar Layouts and the Product Details Page

Because this Tailwind CSS CBD shop template has three shop layouts, you can put category navigation on the left or filters and widgets on the right. The full-width version also offers filtering options, so a short menu stays easy to scan.

The Product Details page is the one that matters most for a dispensary. It shows images, pricing and specifications, and it has room for strain information. Then the Cart page adds quantity controls and a price summary, which suits delivery services that take orders straight from the menu.

Nine Blog Layouts for Cannabis Content

Dispensaries and brands often publish guides on CBD oils, edibles and accessories. Weedify gives you grid, list and article views, and each comes with a left sidebar, a right sidebar or none. For example, a grid with no sidebar can show recent posts, while an article with a right sidebar can sit next to product widgets.

Login, Signup and 404 Pages for Returning Customers

Log In and Signup pages let customers keep an account, and the login page includes form validation. The About page covers your story, mission and team. Meanwhile the 404 page keeps visitors moving with navigation links. Layouts adapt to mobile, tablet and desktop, and the graphics are retina ready.

Product Card Hover States and Copyable Promo Blocks in Tailwind CSS 4

• Hover and focus states are written beside the base classes on each element, so a product card shows its behavior in one place.
• The compiled stylesheet contains just the utilities these pages call for, so nothing extra ships.
• A section keeps its styling with its HTML, so you can copy a promo block from one homepage to another and it looks the same.

The download holds ready-to-open pages, and it also has the Tailwind source for anyone who wants to change and recompile the styling. Font Awesome and Flaticon cannabis icons appear in the design, and the typefaces come from Google Fonts. Neutral placeholders stand in for the demo photos, which are not shipped.