Weedify — Cannabis Vue.js Template

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