Webud — Cannabis Vue.js Template

Webud Vue harnesses the elegance of Vue 3's Composition API to deliver a 45-page cannabis multivendor marketplace template that is as delightful to develop as it is to use. Every vendor storefront, product listing, checkout step, and dashboard panel lives inside a reactive Single File Component — cleanly separating template, script, and style concerns. Vue Router 4 handles navigation while Pinia-ready architecture keeps shared state like carts and user sessions organized.

This template covers the entire multivendor journey: marketplace homepages, product catalogs with grid, list, and map views, full shopping cart and checkout flows, vendor management tools, user dashboards, and a complete blog system. The Composition API's composable pattern means business logic like cart totals, product filtering, and auth checks can be extracted and reused across any component.

Key Features

• Vue 3 + Composition API — Reactive, composable architecture with setup script and ref/reactive
• 45 Single File Components — Complete marketplace page coverage in organized .vue files
• Multivendor System — Vendor profiles, storefronts, and product submission components
• Vue Router 4 — Client-side routing with navigation guards and lazy-loaded routes
• E-Commerce Flow — Shop views, product details, cart, checkout, wishlist, and comparison
• Pinia-Ready State — Architecture designed for Pinia stores managing cart, auth, and vendor data
• Map Shop View — Interactive map component for location-based dispensary browsing
• Dashboard Components — Profile, orders, products, and favorites as nested route views
• Auth Composables — Reusable login/register logic with form validation via v-model
• Blog Components — Four layout variations plus article detail for content marketing
• Scoped SCSS — Component-level styles that never leak into the global scope
• Vue Transitions — Smooth page and element transitions using Vue's Transition system
• Vite Build System — Sub-second HMR in development and optimized production bundles
• Responsive Bootstrap — Mobile-first grid system ensuring cross-device compatibility

Who Is This Template For?

• Vue.js Developers — Jump straight into marketplace development with 45 production-ready components
• Cannabis Platform Founders — Validate your marketplace concept with a polished, full-featured frontend
• Digital Agencies — Accelerate delivery timelines for cannabis e-commerce clients
• Nuxt.js Teams — Easily migrate components into a Nuxt 3 project for SSR benefits
• Open-Source Contributors — Fork, extend, and build community plugins on a solid Vue foundation

Pages Included (45)

• index — Marketplace homepage featuring vendors, categories, and top products
• home-v2 — Promotions-focused homepage with deal banners
• home-v3 — Discovery homepage emphasizing vendor variety
• about-us — Platform mission and story component
• shop-grid — Reactive product grid with computed filtering
• shop-list-v1 / shop-list-v2 — Two list-view shop components
• shop-map — Map-powered dispensary finder
• product-details-v1 / product-details-v2 — Two product detail layouts
• cart — Reactive cart with Pinia-ready state
• checkout — Step-by-step checkout with v-model form binding
• wishlist — Saved items with persistent storage
• compare-products — Reactive product comparison table
• vendor — Vendor storefront with product listing
• submit-product — Product creation with image upload and category selection
• profile / profile-orders / profile-products / profile-saved-products — Dashboard suite
• login-v1 / login-v2 — Two login components
• register-v1 / register-v2 — Two registration flow components
• blog-grid / blog-list / blog-left / blog-right / blog-single — Five blog views
• gallery-v1 / gallery-v2 / gallery-v3 — Three gallery components
• project-v1 / project-v2 / project-v3 — Three project showcases
• services-v1 / services-v2 — Two service display components
• team-archive-v1 / team-archive-v2 / team-details — Team directory suite
• contact-us — Contact form with map and validation
• faq — Expandable FAQ accordion
• legal — Compliance and legal information
• coming-soon — Launch countdown with email signup
• 404 — Not-found page with navigation

Template At a Glance

• Category: Cannabis Marketplace, Multivendor E-Commerce
• Total Pages: 45
• Homepage Variations: 3
• 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 & E-Commerce 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 45 components
- Multivendor storefront and submission system
- Complete e-commerce flow with reactive state
- Vue Router 4 with navigation guards
- Scoped SCSS styling per component
- Map-integrated shop discovery