What's in the box.
Weefly Angular delivers a complete cannabis e-commerce experience inside Angular 11+’s robust component architecture. Every storefront page — from product browsing with sidebar filters to cart management, checkout processing, and user account dashboards — is a standalone TypeScript component backed by injectable services and Reactive Forms. Lazy-loaded feature modules keep the application performant while Bootstrap ensures pixel-perfect responsiveness on every device.
Two homepage components let you tailor the first impression, while three shop sidebar layouts and a dedicated checkout flow give customers a seamless purchasing experience. The service-oriented architecture means connecting a real inventory API, payment gateway, or user management backend requires only updating service endpoints — no component rewrites necessary.
Key Features
- Angular 11+ with TypeScript — Type-safe components, services, and route configurations
- 18 Page Components — Full dispensary e-commerce experience in Angular components
- 2 Homepage Components — Two distinct homepage designs for brand flexibility
- Shop Module — Product grid with full-width, left, and right sidebar configurations
- Product Detail Component — Image carousel, strain info, pricing, and add-to-cart
- Cart & Checkout Module — Multi-step checkout with Reactive Forms and order summary
- Account Dashboard — User profile component with account management features
- Blog Feature Module — Detail, sidebar, and two-column layouts as routed components
- Auth Module — Login and signup with Reactive Forms validation and route guards
- Injectable Cart Service — Centralized cart state management across all components
- Lazy-Loaded Routes — Feature modules loaded on demand for fast initial paint
- SCSS Architecture — Modular styles with variables and component-level scoping
- Angular Universal Ready — SSR-compatible structure for enhanced SEO
- Responsive Bootstrap — Mobile-first grid with consistent cross-device display
Who Is This Template For?
- Angular Developers — A dispensary e-commerce template with production-ready architecture
- Cannabis Tech Companies — Build POS or inventory integrations on a solid Angular base
- Development Agencies — Deliver dispensary sites with enterprise-grade TypeScript code
- Full-Stack Teams — Pair with Express, NestJS, or .NET APIs through Angular services
- Startup Founders — Launch a cannabis shop MVP with 18 ready-to-use components
Pages Included (18)
- index — Primary homepage with hero, product carousel, and dispensary info
- homepage-2 — Alternative homepage with different visual approach
- about — Dispensary story and values component
- shop / shop-left-sidebar / shop-right-sidebar — Three shop layout components
- shop-details — Product detail with image gallery and strain data
- cart — Cart component with injectable service state
- checkout — Multi-section Reactive Forms checkout component
- account — User account dashboard component
- blog-details — Blog article with comments
- blog-left-sidebar / blog-right-sidebar — Two sidebar blog components
- blog-two-col — Two-column blog grid
- contact — Contact form with map integration
- login — Login with Reactive Forms
- signup — Registration with validation
- 404 — Not-found component
Template At a Glance
- Category: Cannabis Shop, Dispensary
- Total Pages: 18
- Homepage Variations: 2
- Framework: Angular 11+ with Bootstrap
- Language: TypeScript
- Styling: SCSS with Bootstrap utilities
- Routing: Angular Router with lazy loading
- 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) - Angular 11+ build with 18 component pages - 2 homepage variations - Cart and checkout module with Reactive Forms - 3 shop sidebar layouts - Account dashboard component - Lazy-loaded feature modules
Open the source. Read the actual code.
Every Weefly — Cannabis Angular 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.
- Angular + RxJS reactive patterns; modular component structure.
- Detailed documentation included with quick-start guide.
What customers actually said.
No reviews yet — be the first.
Don’t have hosting? We launch Weefly — Cannabis Angular 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 Weefly — Cannabis Angular 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