ArchitectUI HTML Theme Free is an open-source Bootstrap 5 admin dashboard template by DashboardPack.com for building responsive web app backends from 26 ready-made demo pages.
What is ArchitectUI HTML Theme Free?
ArchitectUI is a modern, clean, responsive HTML admin UI dashboard template built on Bootstrap 5.3.8, jQuery 4.0.0, SASS 1.102.0, and Webpack 5.109.2. It takes HTML, SASS, and JavaScript source files and compiles them into a static dashboard site with 26 demo pages covering dashboards, forms, tables, charts, maps, calendar, and UI components. This GitHub version is the free preview of the paid ArchitectUI HTML Pro theme and is limited in functionality compared to it, but it retains unlimited color schemes and is licensed under MIT.
Key Features
- Bootstrap 5.3.8 + jQuery 4.0.0 — Uses the latest stable releases of both frameworks, paired with FontAwesome 7.3.1 icons and SASS for styling.
- 26 demo pages — Includes dashboards, tables, forms, charts, maps, calendar, and component pages; all 26 verified to load in headless Chromium with zero console errors.
- Real Google Maps — Five interactive locations (Tokyo, New York, London, Paris, San Francisco) via Google's iframe embed; no API key required.
- Chart.js 4.5.1 visualizations — Prebuilt chart demos for data-heavy views, with the chartColors palette fixed in v4.8.0 for webpack 5.109+ compatibility.
- Webpack 5.109.2 build pipeline — Production builds output to a build folder; a dev server runs at http://localhost:8080 after npm run start.
- Zero runtime vulnerabilities — v4.8.0 patched PostCSS to 8.5.25 and pinned security floors, bringing the dependency count from 16 vulnerabilities to 0.
- Modern SASS with @use — Source uses the @use module system and produces no deprecation warnings; source files live under src/assets.
- Component library — Cards, buttons, form elements, navigation systems, animations, and icon sets (FontAwesome 7, PE7, Linearicons).
Who is it for?
- Frontend developers — who need a Bootstrap 5 dashboard shell with a Webpack build pipeline instead of starting from scratch.
- SaaS and web app founders — building admin panels with the free tier and planning to upgrade to Pro for extra components.
- Developers learning modern SASS and webpack — the codebase demonstrates @use SASS, ESLint flat config, and webpack config in a real project.
- Freelancers and agencies — prototyping client dashboards quickly from the included demo pages, maps, and charts.
What can you do with ArchitectUI HTML Theme Free?
- SaaS builders — assemble a working admin UI from 26 demo pages, customize SASS variables for unlimited color schemes, and deploy the static build folder.
- Data-driven dashboards — drop in Chart.js charts and the Google Maps component to show metrics and office locations without paying for external map APIs.
- Rapid prototypes — hand over a mobile-first admin layout with forms, calendar, and navigation to clients in hours.
How does ArchitectUI HTML Theme Free work?
Download the package, install Node.js 22.15 or newer, run npm install, then npm run start to compile and serve the site at http://localhost:8080. Running npm run build produces a production-optimized folder named build.
Pricing
ArchitectUI HTML Theme Free is free and MIT-licensed. The GitHub preview intentionally has limited functionality; the full-featured ArchitectUI HTML Pro theme is sold on DashboardPack.com and adds more components, page variants, and official documentation.
FAQ
Is ArchitectUI HTML Theme Free really free?
Yes. The GitHub repository is licensed under MIT and costs nothing. It is a limited preview of the paid ArchitectUI HTML Pro theme, which adds the full component set and documentation.
What are the system requirements?
Node.js 22.15 or newer is required because the build chain relies on webpack-dev-server 6 and sass-loader 17. After npm install, run npm run start to open the dev server at http://localhost:8080.
Does the Google Maps component need an API key?
No. The maps use Google's iframe embed, so the five included locations render without an API key. This works in both the free and Pro versions.
Are there any known limitations?
The free version ships with fewer components and lacks official documentation, which are reserved for the Pro version. v4.8.0 fixed a Chart.js blank-canvas bug on webpack 5.109+ and a dev-server startup issue, so keeping the package updated is recommended.
How do I upgrade to the full version?
The Pro version is available at dashboardpack.com/theme-details/architectui-dashboard-html-pro. Upgrading adds the full component library, more page variants, premium support, and documentation.
