ArchitectUI Dashboard HTML PRO

Description

ArchitectUI HTML Pro: Premium Bootstrap 5.3.8 Admin Dashboard — Static HTML, Webpack 5, Phased jQuery Removal

A feature-rich admin dashboard built with Bootstrap 5.3.8, Webpack 5, Handlebars, and Sass 1.99 — 74 production-ready pages, 9 dashboard variants, a live Theme Options drawer, three chart libraries, and a phased jQuery removal that already swapped DataTables, Cropper, BlockUI, validation, and toasts for vanilla equivalents. Drop the build output on any static host — Cloudflare Pages, Netlify, S3, nginx — no server runtime required.

9 Dashboard Variants

• Analytics — Stat cards, area/bar revenue chart with tab switching, traffic sources, geographic visitor map, transactions table, goal progress bars
• Analytics Variation — Reordered widgets, tab navigation, embedded DataTable
• Commerce — Sales statistics, daily revenue chart, order status breakdown, top products list with sparkline trends, category bar chart
• Commerce Variation — Hero widgets with embedded charts on the same data model
• CRM — Pipeline value overview, deal stages donut, lead sources breakdown, filterable deals table, customer activity feed
• CRM Variation — Compact side-by-side widgets with denser table view
• Sales — Quarterly metrics, performance line charts, regional breakdown, top performer leaderboard
• Minimal Dashboard — Stripped-back layout with stats cards, key charts, single data table
• Minimal Dashboard II — Gradient stat cards with a single hero chart

Application Pages

• Chat — Conversation list, scrollable message thread, file/emoji controls, online-status indicators
• Mailbox — Inbox layout with folder navigation, message list, preview pane, compose action
• Forum List, Threads, Discussion — Category browser, sortable thread index, single-thread view with quoted replies and voting
• FAQ — Searchable accordion grouped by category with quick-jump anchors

17 UI Component Showcases

• Modals, Tabs, Accordions, Popovers, Tooltips — Full Bootstrap 5 native showcases with position and template variants
• Notifications — Bootstrap 5 native toasts (replaced jQuery toastr) plus SweetAlert2 11.26 dialogs
• FullCalendar 6.1 — Month, week, day, and list views with drag-and-drop events
• Slick Carousel — Multiple slide and fade variants
• Tree View, Ratings, Count-Up Counters — Fancytree, Bar Rating, IntersectionObserver-based counters
• Mapbox GL 3.23 — Modern WebGL maps plus legacy gmaps.js examples
• Cropper.js 2 — Vanilla image crop with aspect ratio and zoom controls
• Intro.js 8.3 — Guided product tours with modular tour API
• Loaders — 30+ loaders.css spinner styles plus Ladda button loaders
• Perfect Scrollbar — Custom scrollbars across sidebar and scroll-area widgets

Charts (3 Libraries)

• ApexCharts 5.11 — Line, area, column, bar, mixed, range, candlestick, boxplot, radar, polar, pie, donut, radial bar, bubble
• Chart.js 4.5 — Bar, line, radar, pie, polar, doughnut, scatter, bubble
• ApexCharts Sparklines — Inline line, area, bar, pie, tristate variants used throughout dashboard widgets

Forms & Tables

• DataTables 2.3.8 with Bootstrap 5 responsive extension — jQuery-free new DataTable() constructor and progressive column hiding on mobile
• SmartWizard 7 — Multi-step form with per-step validation
• Form Widgets — Datepicker, daterangepicker 3.1, nouislider 15.8 range slider, native input mask, autosize textarea, clipboard.js, WYSIWYG editor
• Validation — Bootstrap 5 native form validation (replaced jQuery Validation)
• Bootstrap Grid + Regular Tables — Striped, bordered, hover, dark, compact, and contextual-row variants

Live Theme Options Drawer

• Layout Switches — Fixed Header, Fixed Sidebar, Fixed Footer toggles applied instantly via classList
• 30+ Header Color Schemes — Solid Bootstrap colors plus gradients (vicious-stance, midnight-bloom, night-sky, slick-carbon, sunny-morning, mean-fruit, plum-plate, and more)
• Sidebar Color Schemes — Light and dark variants with matching text-tone classes
• Main Content Theme — Toggle between light and dark content backgrounds
• 9 Baked-in SCSS Themes — default, dark, blue-alt, green, orange, red, purple, purple-alt, black

Auth Pages

• Sign In, Register, Forgot Password — each in standard and full-screen glass-morphism “boxed” variant
• Standalone UI templates — no backend dependency, ready to wire into your stack

Developer Experience

• Webpack 5 Multi-Entry Build — [fullhash] cache busting, splitChunks vendor bundle, and per-page chunk selection so auth and docs pages ship only the main bundle
• Handlebars Partial System — Share header, sidebar, and footer across every page
• Modular SCSS — 9 theme variants and per-component partials, all editable
• Hot Module Replacement — Dev server out of the box (npm start)
• Configurable Page Loader — FOUC prevention with master on/off and DISABLE_LOADER=true opt-out
• Ionicons v8 Web Components — Self-hosted at build time; no icon-font CSS payload
• Custom Dropdown Portal — Page dropdowns escape overflow: hidden ancestors and transform stacking contexts
• In-Template Documentation — 12 docs pages covering installation, folder structure, theming, charts, deployment, jQuery migration, page loader, and more
• 0 npm audit vulnerabilities across 720 dependencies
• jQuery-Free Where It Counts — DataTables, Cropper, BlockUI, Validation, Inputmask, toastr, and multiselect all replaced with vanilla or native Bootstrap 5 equivalents

Tech Stack

What’s New in v4.9.0

• In-template Documentation section with 12 pages covering everything from installation to jQuery migration
• Ionicons v8 web components — migrated off the deprecated icon-font SCSS bundle; no CSS payload, self-hosted ESM
• Modular app.js — refactored from a single jQuery document.ready into discrete, guarded init functions
• Per-page chunk selection in Webpack — auth and docs pages now ship a single main bundle instead of 30 script tags
• Header decomposed into 6 per-feature partials for easier customization
• Continued jQuery removal — block-ui, image-crop, DataTables, and sticky elements moved to vanilla implementations

License: Commercial | View Live Demo → | Also available in: React 19, Vue with Vite 8, Angular with TypeScript