What's in the box.
Weedify Vue brings dispensary storefront design to life through Vue 3’s Composition API — delivering 22 pages of cannabis retail excellence inside a reactive, composable Single File Component architecture. Every product grid, blog layout, and authentication form leverages Vue’s ref and reactive primitives for effortless state management, while Vue Router 4 provides silky-smooth navigation between shop, cart, blog, and account pages.
With four homepage variants, three shop sidebar configurations, and nine blog layout combinations, Weedify Vue offers unmatched layout flexibility for cannabis retail websites. The Composition API’s composable functions let you extract and reuse cart logic, product filtering, and form validation across any component, keeping your codebase DRY and maintainable as your dispensary platform grows.
Key Features
- Vue 3 + Composition API — setup script with ref, reactive, computed, and custom composables
- 22 Single File Components — Complete dispensary template in organized .vue files
- 4 Homepage Layouts — Four distinct homepage designs as swappable components
- 3 Shop Configurations — Full-width, left sidebar, and right sidebar catalog views
- Product Detail View — Image gallery, strain data, pricing, and cart integration
- Reactive Cart — Pinia-ready cart composable tracking items, quantities, and totals
- 9 Blog Views — Grid, list, and detail components with three sidebar options each
- Auth Components — v-model-driven login and signup with built-in validation
- Vue Router 4 — Client-side routing with guards and lazy-loaded route components
- Scoped SCSS — Per-component scoped styles preventing global conflicts
- Vue Transitions — Smooth page and element animations using the Transition system
- Vite Dev Server — Instant hot module replacement for rapid iteration
- Bootstrap Grid — Responsive mobile-first layout system
- Composable Architecture — Shared logic extracted into reusable composable functions
Who Is This Template For?
- Vue.js Developers — Accelerate dispensary projects with a complete Composition API template
- Cannabis Brands — Launch a polished storefront without building from scratch
- Agencies — Deliver dispensary sites to clients on Vue’s accessible learning curve
- Nuxt.js Teams — Migrate components into Nuxt 3 for server-side rendering benefits
- Solo Developers — A complete storefront codebase for freelance dispensary projects
Pages Included (22)
- index — Main homepage with hero, featured products, and brand story
- homepage-2 — Slider homepage with category showcases
- homepage-3 — Parallax homepage with testimonials section
- homepage-4 — Bold imagery homepage with promotional blocks
- about — Company mission and team profiles
- shop / shop-left / shop-right — Three reactive shop layout components
- Product-details — Product view with image gallery and strain info
- cart — Reactive cart with composable state management
- Blog-grid-left / Blog-grid-right / Blog-grid-standard — Three grid blog components
- Blog-list-left / Blog-list-right / Blog-list-standard — Three list blog components
- Blog-details-left / Blog-details-right / Blog-details-standard — Three article components
- Log-in — Login with v-model form binding
- Signup — Registration with validation composable
- 404 — Not-found page component
Template At a Glance
- Category: Cannabis Dispensary, CBD Shop
- Total Pages: 22
- Homepage Variations: 4
- Framework: Vue 3 with Composition API
- Build Tool: Vite
- Routing: Vue Router 4
- Styling: Scoped SCSS with Bootstrap
- Responsive: Yes — Mobile, Tablet, Desktop
- Browser Support: Chrome, Firefox, Safari, Edge
Icons
- Font Awesome 5/6
- Flaticon (Cannabis Icons)
Fonts Used
- Google Fonts — Primary and secondary typefaces
Image Credit
- All images used in the preview are for demonstration purposes only and are NOT included in the download package.
Changelog
Version 1.0 (Initial Release) - Vue 3 Composition API build with 22 components - 4 homepage Single File Components - 3 shop sidebar configurations - 9 blog layout components - Reactive cart composable - Vue Router 4 with lazy loading
Open the source. Read the actual code.
Every Weedify — Cannabis Vue.js Template template ships hand-written, semantic, and accessibility-ready. Tabs preserved. Comments in plain English. BEM naming. WCAG 2.2 AA tested. No spaghetti, no inline JavaScript scattered through the document. Your team extends without rewriting — and your users get a site that works for screen readers, keyboard navigation, and reduced-motion preferences out of the box.
<section> / <article> / <nav> tags — not div soup.prefers-reduced-motion media query disables non-essential transitions.What's changed.
- Initial release.
- Vue 3 with Composition API; reactive state and reusable components.
- Detailed documentation included with quick-start guide.
What customers actually said.
No reviews yet — be the first.
Don’t have hosting? We launch Weedify — Cannabis Vue.js Template for you.
Skip cPanel. Skip the FTP upload. Skip the DNS configuration. Each hosting tier includes the install, plugin config, and your domain pointed live in 24 hours. Same NYC team that built the template handles your launch.
- 1 Website
- 10 GB Storage
- Free SSL
- 1 Database
- 1 Website
- 25 GB Storage
- Free SSL
- 10 Databases
- 10 Websites
- 50 GB Storage
- Free SSL (all sites)
- 25 Databases
- 25 Websites
- 75 GB Storage
- Free SSL (all sites)
- 50 Databases
- 100 GB Storage
- 4 GB RAM
- 2 CPUs
- Free SSL
- 200 GB Storage
- 8 GB RAM
- 4 CPUs
- Free SSL
- 300 GB Storage
- 16 GB RAM
- 8 CPUs
- Free SSL
- 400 GB Storage
- 32 GB RAM
- 16 CPUs
- Free SSL
Free SSL · 99.9% uptime · 24/7 support · No domain included
Every tier includes — NYC infrastructure
Save $5 on Weedify — Cannabis Vue.js Template today.
Plus weekly drops · AICE rebuild reports · early access to designs we haven't listed publicly. Same email goes to designers shipping with Letam, Bunlicious, and Aiga.
No spam · unsubscribe anytime · 3,500+ designers ship from this list