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
30-Feature Accessibility Widget
- 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>