Weedoboard is the only dedicated cannabis admin dashboard HTML5 template on ThemeForest ~~- a purpose-built operations backbone for dispensaries, marijuana shops, and hemp businesses that need a complete backend toolkit. With 153 pages covering every corner of a cannabis operation -~~ product management, order tracking, customer records, invoices, shipment, analytics, and more—Weedoboard delivers the most comprehensive admin dashboard in its niche by a significant margin. No generic dashboard bolted onto a cannabis skin: every section, every flow, and every page was designed with cannabis business operations in mind.

Built on Bootstrap 5.3.3, Weedoboard ships with full dark mode (localStorage persistent, toggled via a settings panel), a 30-feature accessibility widget, and a full ARIA 1.2 pass across all 153 pages—skip links, main landmarks, focus-visible outlines, keyboard navigation, and screen-reader labels throughout. It is the only cannabis admin template on ThemeForest with documented accessibility support, and one of the very few admin dashboards in any niche to bundle a dedicated accessibility widget. Whether you are building a client project for a licensed dispensary or launching an internal operations tool for a multi-location hemp retailer, Weedoboard gives you everything you need out of the box.

Key Features

153 HTML pages—the most complete cannabis admin dashboard on ThemeForest
Only dedicated cannabis admin dashboard HTML template on ThemeForest (no competitors)
Bootstrap 5.3.3 with Popper 2.11.8—fully up to date
Full dark mode via ms-dark-theme body class, localStorage persistent
30-feature accessibility widget bundled (self-bootstrapping, no setup required)
ARIA 1.2 compliance pass across all 153 pages (03/10/2026)
4 analytics dashboard variants: web analytics, social media, project management, client management
Cannabis-specific product management suite: list, grid, detail, add, cancel, return
Order status tracking, shipment tracking, customer management with reviews
Invoice generation and invoice list views
Built-in app suite: Email, Chat, To-Do List
Chart.js + Morris Charts for data visualisation
Google Maps + Vector Maps integration
DataTables with sorting and filtering
4 form types including a jQuery Steps form wizard
11 UI Basic component categories, 7 UI Advanced component categories
SweetAlerts + Toast notification system
4 icon libraries: Font Awesome, Flaticon, Materialize Icons, Cryptocoins
11 pre-built utility pages: lock screen, coming soon, error, FAQ, portfolio, and more
Keyboard shortcut system: Alt+1-6 QuickBar tabs, Alt+Q configure, Escape to close
Shepherd.js product tour guide built in
Image cropper, drag-and-drop, range slider, rating component, and carousel sliders
Oswald + Roboto Google Fonts, Material Icons, gradient colour themes throughout
5 reusable HTML partials: aside, quickbar, right-aside, settings, topnav
Clean, well-commented code—easy to customise and extend

Cannabis-Specific Product Management Suite (UNIQUE—Only Cannabis Admin on ThemeForest)

Weedoboard is the only dedicated cannabis admin dashboard HTML template on ThemeForest—no other template in this space offers a full backend toolkit for cannabis or dispensary operations
Cannabis product list view with strain info, category badges, stock status, and bulk action controls: Product List
Product grid view for visual merchandise browsing with image cards and quick-action overlays: Product Grid
Full product detail page with description, attributes, stock levels, and gallery: Product Detail
Add product form with all fields a cannabis retailer needs—name, category, SKU, pricing, and description: Add Product
Cancel product page for managing discontinued SKUs and handling product removal workflows: Cancel Product
Return product page for handling customer returns and restocking workflows: Return Product
Colour-coded status badges, sortable columns, and search filters across all product views
Gradient accent colours (orange #ea6e27 and dark green #268968) reinforce the cannabis brand identity throughout the product suite

Dark Mode Toggle (Full Site, localStorage Persistent)

Full dark mode implemented via the ms-dark-theme class on the body element—no separate stylesheet to load
153+ dedicated CSS rules covering every component, panel, table, card, chart container, and form element in dark mode
User preference saved to localStorage—dark mode persists across sessions and page navigations without flash
Toggled from the settings panel (right-side drawer) with a single click—no page reload required
Dark mode applies to sidebars, topnav, cards, modals, dropdowns, tables, forms, charts, maps wrappers, and all UI components
Gradient accents (cyan-green, purple, warning orange, danger red) remain vibrant and on-brand in both light and dark modes
Dark mode in a cannabis admin context is completely uncharted territory—no competitor template on ThemeForest offers it
Ideal for dispensary back-office environments where staff work in low-light conditions for extended shifts

A full 30-feature accessibility panel bundled directly into Weedoboard—no third-party service, no subscription, no external script
Self-bootstrapping: the widget JS auto-injects its own CSS at runtime, so integration is a single script tag
All settings persisted in localStorage under the key acw-settings—user preferences survive page reloads
Trigger button: fixed position, bottom-left, tab-style, always accessible without interfering with content
Panel slides in from the left at 380px width, z-index layered above all other UI
Feature categories include: accessibility profiles (motor, visual, cognitive, epilepsy), content adjustments (font size, line height, letter spacing, word spacing), colour adjustments (contrast modes, desaturation, invert), and UX adjustments (cursor size, focus highlight, reading line, animations on/off)
No competitor cannabis admin template on ThemeForest ~~- or in fact virtually any admin dashboard niche -~~ bundles an accessibility widget of this scope
Particularly valuable for cannabis dispensary software where regulatory compliance and inclusive design are increasingly mandated

ARIA and Keyboard Accessibility

Full ARIA 1.2 compliance pass completed 03/10/2026 across all 153 pages
Skip link on every page—allows keyboard and screen-reader users to bypass navigation and jump directly to main content
Proper main landmark on every page—screen readers can navigate to main content region without ambiguity
Focus-visible 3px outline applied globally—keyboard focus is always clearly visible, meeting WCAG 2.4.7 requirements
Social icon links have aria-labels auto-injected via JS—no silent icon-only links for screen readers
Range slider keyboard navigation: Enter and Space activate, arrow keys adjust value
Mobile nav toggle carries correct aria-expanded state—announced as open or closed to assistive technology
Back-to-top button has aria-label=”Back to top”—not an unlabelled icon button
All modal close buttons have aria-label=”Close”—screen reader users always know what the button does
No competitor cannabis template on ThemeForest documents WCAG or ARIA compliance—Weedoboard stands alone in this area

4 Analytics Dashboard Variants

Main dashboard with cannabis business KPIs, revenue charts, product performance, and recent orders: Main Dashboard
Web analytics dashboard—traffic sources, session metrics, conversion rates, bounce rates with Chart.js visualisations: Web Analytics
Social media dashboard—follower growth, engagement metrics, platform breakdown, post performance: Social Media
Project management dashboard—task progress, team workload, milestones, and project status: Project Management
Client management dashboard—client overview, account health, activity timelines, and value metrics: Client Management
Each dashboard variant uses gradient stat cards in cyan-green, purple, orange, and red to differentiate metric types at a glance
All dashboard charts are fully responsive and render correctly in both light and dark modes

Built-in App Suite (Email + Chat + To-Do)

Full email client app with inbox, compose, read, sent, drafts, and folder navigation—no external dependencies: Email App
Real-time style chat application with contact list, message threads, read status indicators, and emoji support layout: Chat App
To-Do list app with task creation, priority levels, completion toggles, and category filtering: To-Do List
All three apps are fully themed with the Weedoboard colour palette and respect dark mode state
Ideal for dispensary teams that manage internal communications and daily operational tasks from a single admin interface

Order and Fulfilment Management

Order status tracking page with comprehensive order list, status badges (pending, processing, shipped, delivered, cancelled), and action controls: Order Status
Order rows display customer name, order ID, product summary, total value, payment status, and fulfilment status in a sortable DataTable
Colour-coded status badges make it easy to identify bottlenecks in the fulfilment pipeline at a glance
Bulk action controls for processing multiple orders simultaneously—essential for high-volume dispensary operations
Integrates logically with the product management suite (cancel and return flows) and the shipment tracking page for an end-to-end order lifecycle view

Customer Management and Reviews

Customer management page with full customer list, profile data, order history summary, account status, and quick-action buttons: Customer Management
Customer reviews page with product ratings, review text, star scores, moderation status, and approval/rejection controls: Reviews
Star rating display uses the built-in rating component for consistent visual language across the admin
Search and filter controls on both pages allow staff to quickly locate customers or reviews by name, product, rating, or date
Review moderation workflow is particularly relevant for dispensaries managing brand reputation on their platform

Invoice Management System

Invoice generator page with full invoice layout: dispensary details, customer billing info, itemised product list, tax, discount, and total: Invoice
Invoice list page with sortable table of all invoices, status badges (paid, pending, overdue), and view/download action buttons: Invoice List
Invoice design is print-ready with clean layout and proper spacing for browser print or PDF export
A separate pre-built invoice page (standalone, no sidebar) is also included in the utility pages section for customer-facing use
Consistent branding with orange and dark green accents carries through into invoice headers and totals rows

Shipment Tracking

Dedicated shipment tracking page with shipment list, carrier info, tracking numbers, estimated delivery dates, and current status: Shipment Tracking
Status indicators cover all standard fulfilment stages: processing, dispatched, in transit, out for delivery, and delivered
Visual shipment timeline component shows progress through the delivery lifecycle in a clear step format
Integrates with the order status and customer management pages to give a complete view of the post-purchase experience
Particularly relevant for cannabis dispensaries operating delivery services or managing third-party carrier relationships

Charts and Data Visualisation

Chart.js integration with a dedicated demo page showcasing all chart types available: Chart.js
Morris Charts integration for line, bar, donut, and area charts styled to match the Weedoboard palette: Morris Charts
Charts in the dashboard variants use the gradient colour scheme (cyan-green, purple, orange, red) for immediate visual differentiation between data series
All chart containers respond correctly to dark mode—backgrounds, gridlines, labels, and legends adapt automatically
Charts are fully responsive and scale to any viewport width without distortion
Cannabis-relevant chart use cases include sales by product category, strain performance over time, daily transaction volume, and customer acquisition trends

Interactive Maps (Google + Vector)

Google Maps integration with a styled demo page showing customisable map with markers and info windows: Google Maps
Vector Maps integration for country/region-level data visualisation—ideal for showing sales distribution across states or territories: Vector Maps
Both map pages are themed consistently with the rest of the admin and respect dark mode state
Vector maps are particularly useful for multi-location cannabis dispensary chains tracking regional performance
Google Maps markers can be customised to show dispensary locations, delivery zones, or supplier sites

Forms System (4 Types Including Wizard)

Form elements page with every standard input type, select, checkbox, radio, file upload, datepicker, and more: Form Elements
Form layout page demonstrating horizontal, vertical, and inline form arrangements with proper Bootstrap 5.3.3 grid usage: Form Layout
Form validation page with both HTML5 native validation and custom JS validation patterns, success and error states styled: Form Validation
Multi-step form wizard built with jQuery Steps—guides users through complex data entry in sequential steps with progress indicator: Form Wizard
All form components are fully compatible with dark mode, with properly styled focus states meeting the ARIA 1.2 focus-visible requirement
Form wizard is ideal for multi-step cannabis product submission flows, onboarding wizards, and compliance data collection

Data Tables

Basic tables page with standard HTML table styles—striped, bordered, hover, and responsive variants: Basic Tables
DataTables integration with client-side sorting, column filtering, global search, pagination, and row selection: Data Tables
DataTables are used throughout the product, order, customer, invoice, and shipment pages for consistent UX and functionality
Both table pages respect dark mode—table headers, row stripes, borders, and DataTables UI controls all adapt
Responsive breakpoints ensure tables degrade gracefully on smaller screens, with horizontal scroll or column collapsing as needed

UI Basic Components (11 Categories)

Accordions—collapse panels for FAQs, product specs, and expandable content sections: Accordions
Alerts—dismissible and persistent alert variants in all Bootstrap 5 contextual colours plus custom cannabis-brand variants: Alerts
Badges—inline count badges, label badges, and pill variants in all contextual and gradient styles: Badges
Breadcrumbs—page hierarchy navigation with custom separator styles: Breadcrumbs
Buttons—all sizes, states, styles including gradient buttons in the Weedoboard palette: Buttons
Cards—basic, image, horizontal, overlay, and grouped card layouts: Cards
Pagination—numbered, arrow, and combined pagination components with active and disabled states: Pagination
Preloaders—spinner variants, skeleton screens, and full-page loading overlays: Preloaders
Progress bars—striped, animated, stacked, and labelled progress bar variants: Progress Bars
Tabs—horizontal and vertical tab variants with pill and underline styles: Tabs
Typography—heading scales, body text, lead, muted, blockquote, list, and code styles using Oswald + Roboto: Typography

UI Advanced Components (7 Categories)

Image Cropper—interactive crop, zoom, rotate, and flip with preview using a robust cropper library: Cropper
Draggables—drag-and-drop sortable lists and card grids for kanban-style task and product organisation: Draggables
Modals—small, default, large, fullscreen, and vertically centred modal variants with all Bootstrap 5 modal options: Modals
Range Slider—single and double-handle sliders with keyboard navigation support (Enter, Space, arrow keys): Range Slider
Rating—interactive star rating component used in customer reviews and product scoring: Rating
Sliders—image carousel and content sliders with autoplay, dots, and arrow controls: Sliders
Tour—Shepherd.js powered step-by-step guided tour for onboarding new dispensary staff to the admin dashboard: Tour

Popup and Notification System

SweetAlerts integration with success, error, warning, info, and custom confirmation dialog variants: Sweet Alerts
Toast notifications with top-right, top-left, bottom-right, and bottom-left positioning, auto-dismiss timers, and manual close: Toast Notifications
SweetAlert confirmation dialogs are ideal for critical dispensary operations: deleting a product, cancelling an order, or approving a return
Toast notifications provide non-blocking feedback for background operations like saving settings, submitting forms, or updating order status
Both components are styled with the Weedoboard colour palette and behave correctly in dark mode

Icon Libraries (4 Sets)

Font Awesome 6—the industry-standard icon library with thousands of icons covering every UI need: Font Awesome Icons
Flaticon—a large supplementary icon set with unique outline and filled styles: Flaticons
Materialize Icons—Google Material Design icon set for clean, modern UI elements: Materialize Icons
Cryptocoins—specialised cryptocurrency and financial icon set, useful for dispensaries accepting crypto payments: included across icon pages
4 icon libraries give developers extensive choice for any UI scenario without needing to source additional icon packages

Pre-built Utility Pages (11 Types)

Coming Soon—branded holding page with countdown timer for new dispensary feature launches: Coming Soon
Default Login—full-page login form with email, password, remember me, and forgot password link: Default Login
Default Register—full-page registration form with name, email, password, and terms acceptance: Default Register
Error (404)—branded error page with navigation back to the dashboard: Error Page
FAQ—accordion-based FAQ page for dispensary staff help documentation: FAQ
Invoice (standalone)—print-ready invoice page without the admin chrome, suitable for emailing to customers: Invoice (Standalone)
Lock Screen—session lock page with avatar, name, and PIN/password field to resume the session: Lock Screen
Modal Login—login form in a centred modal overlay, keeping the dashboard background visible: Modal Login
Modal Register—registration form in a modal overlay: Modal Register
Portfolio—staff or dispensary portfolio/profile showcase page: Portfolio
User Profile—editable user profile page with avatar upload, bio, contact details, and activity feed: User Profile

Keyboard Shortcut System

Alt+1 through Alt+6—switch between QuickBar tabs without touching the mouse, enabling rapid navigation between key dispensary tools
Alt+Q—toggle QuickBar configure mode, allowing users to customise which shortcuts are active
Escape key—close any open panel, modal, or overlay from anywhere in the admin
Range slider keyboard navigation: arrow keys adjust value, Enter and Space activate the slider—fully compliant with ARIA slider pattern
All keyboard shortcuts are documented in the template source and work consistently across all 153 pages
Keyboard shortcut system is particularly valuable for dispensary back-office staff who work at high speed and benefit from not switching between mouse and keyboard

Settings and Quick Bar Panel

Settings panel (right-side drawer) provides centralised control over dark/light mode toggle, layout options, and admin preferences—accessible from the topnav on every page
QuickBar panel provides quick access to frequently used tools, actions, and shortcuts organised into up to 6 tabbed sections switchable via Alt+1 through Alt+6
Right-aside panel provides contextual information, notifications, or supplementary data relevant to the current page without a full navigation change
All panel states (open/closed, active tab) are managed via clean JS without relying on external state libraries
Panels are implemented as HTML partials (_settings.html, _quickbar.html, _right-aside.html) making them easy to update globally across all pages
Dark mode and settings choices persist in localStorage so dispensary staff do not need to reconfigure the admin on each visit

Navigation and UX

Fixed top navigation bar with logo, search, notifications, messages, and user profile dropdown—consistent across all 153 pages via _topnav.html partial
Collapsible left sidebar with icon-and-label navigation groups, sub-menu support, and active state highlighting—via _aside.html partial
Mobile navigation with toggle button carrying correct aria-expanded state for screen readers
Back-to-top button on all long pages with smooth scroll and accessible aria-label=”Back to top”
Shepherd.js guided tour helps new dispensary team members orient themselves in the admin on first login
Breadcrumb component (in UI Basic section) provides wayfinding on all deep-level pages
Consistent page header pattern with page title and action button zone gives every page the same predictable layout
Animation page demonstrates available CSS and JS animation utilities: Animation
Widgets page showcases standalone embeddable widget components: Widgets
Pricing page for subscription tier or service plan display: Pricing

Cross-Browser and Device Compatibility

Tested and compatible with Chrome, Firefox, Safari, Edge, and Opera (latest stable versions)
Bootstrap 5.3.3 provides a solid, battle-tested responsive grid and utility foundation
Fully responsive layout—sidebar collapses to mobile navigation on small screens, grids reflow to single column, tables scroll horizontally
Retina/HiDPI ready—SVG icons and crisp vector assets scale correctly on all pixel densities
No jQuery required for Bootstrap 5 core components—Popper 2.11.8 handles all positioning without legacy dependencies
All CSS and JS assets are well-organised in a logical folder structure for easy maintenance and deployment
W3C valid HTML5 markup throughout—clean, semantic structure with no deprecated attributes

Pages Included (Overview with Links)

Root dashboard: Main Dashboard (index.html)
Dashboard variants: Web Analytics | Social Media | Project Management | Client Management
Products: Product List | Product Grid | Product Detail | Add Product | Cancel Product | Return Product
Orders: Order Status
Customers: Customer Management | Reviews
Invoices: Invoice | Invoice List
Operations: Shipment | Pricing
Forms: Form Elements | Form Layout | Form Validation | Form Wizard
UI Basic: Accordions | Alerts | Badges | Breadcrumbs | Buttons | Cards | Pagination | Preloaders | Progress Bars | Tabs | Typography
UI Advanced: Cropper | Draggables | Modals | Range Slider | Rating | Sliders | Tour
Charts: Chart.js | Morris Charts
Maps: Google Maps | Vector Maps
Apps: Chat | Email | To-Do List
Pre-built: Coming Soon | Default Login | Default Register | Error | FAQ | Invoice (Standalone) | Lock Screen | Modal Login | Modal Register | Portfolio | User Profile
Tables: Basic Tables | Data Tables
Popups: Sweet Alerts | Toast
Icons: Flaticons | Font Awesome | Materialize Icons
Other: Animation | Widgets
HTML partials: _aside | _quickbar | _right-aside | _settings | _topnav

Credits and Sources

Bootstrap 5.3.3—https://getbootstrap.com/ (MIT License)
Popper.js 2.11.8—https://popper.js.org/ (MIT License)
jQuery—https://jquery.com/ (MIT License)
Chart.js—https://www.chartjs.org/ (MIT License)
Morris.js—https://morrisjs.github.io/morris.js/ (BSD License)
DataTables—https://datatables.net/ (MIT License)
jQuery Steps (Form Wizard)—http://www.jquery-steps.com/ (MIT License)
SweetAlert2—https://sweetalert2.github.io/ (MIT License)
Shepherd.js—https://shepherdjs.dev/ (MIT License)
Google Fonts (Oswald + Roboto)—https://fonts.google.com/ (Open Font License)
Font Awesome 6—https://fontawesome.com/ (Font Awesome Free License)
Flaticon—https://www.flaticon.com/ (Flaticon License)
Material Icons—https://fonts.google.com/icons (Apache License 2.0)
Cryptocoins—https://github.com/allienworks/cryptocoins (MIT License)
Google Maps API—https://developers.google.com/maps (Google Maps Platform Terms)
jVectorMap—https://jvectormap.com/ (GPL License)
Demo images used for preview purposes only and are NOT included in the download package. All images shown in the live demo are for demonstration only.

v1.2  03/10/2026
- ARIA 1.2 compliance pass across all 153 pages
- Skip link added to all pages
- Main landmark added to all pages
- Focus-visible 3px outline applied globally
- Social icon aria-labels auto-injected via JS
- Range slider keyboard navigation (Enter, Space, arrow keys)
- Mobile nav aria-expanded state implemented
- Back-to-top button aria-label="Back to top" added
- All modal close buttons aria-label="Close" added
- 30-feature accessibility widget bundled (self-bootstrapping, localStorage persistent)

v1.1  02/27/2026
- Bootstrap upgraded from 4.1.3 to 5.3.3
- Popper upgraded from 1.x to @popperjs/core 2.11.8
- All HTML data attributes updated to data-bs-* format
- Spacing utility classes migrated to Bootstrap 5 syntax
- bootstrap-compat.css shim added for legacy component support
- Tooltip API updated to Bootstrap 5 native implementation

>

Weedoboard | Cannabis Dashboard Html5 Template