Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/dashboardpack/architectui-html-theme-free

ArchitectUI Dashboard Free is lightweight and comes packed with the minimal set of components to get you started. If you have a simple application, it’s the perfect solution for you. It’s built on top of Bootstrap 5 and features a scalable architecture just like it’s wiser, older sibling – ArchitectUI HTML Pro theme.
https://github.com/dashboardpack/architectui-html-theme-free

admin admin-dashboard admin-template bootstrap bootstrap-theme bootstrap5 dashboard-framework dashboard-templates

Last synced: 14 days ago
JSON representation

ArchitectUI Dashboard Free is lightweight and comes packed with the minimal set of components to get you started. If you have a simple application, it’s the perfect solution for you. It’s built on top of Bootstrap 5 and features a scalable architecture just like it’s wiser, older sibling – ArchitectUI HTML Pro theme.

Awesome Lists containing this project

README 

          
# ArchitectUI Bootstrap 5 jQuery/HTML Theme FREE

## Made with love by DashboardPack.com



[![npm version](https://img.shields.io/badge/version-4.5.0-blue.svg)](https://github.com/DashboardPack/architectui-html-theme-free)

[![Dependencies](https://img.shields.io/badge/dependencies-up%20to%20date-brightgreen.svg)](package.json)

[![Security](https://img.shields.io/badge/security-0%20vulnerabilities-brightgreen.svg)](package.json)

[![SASS](https://img.shields.io/badge/SASS-modernized-purple.svg)](src/assets/)



ArchitectUI is a **Modern Clean Responsive HTML Bootstrap 5 Admin UI Dashboard Template**. It is used by thousands of developers to build SaaS and various other admin panels for web apps. This version hosted on Github is for preview only. It has a limited functionality in comparison to [Pro version](https://dashboardpack.com/theme-details/architectui-dashboard-html-pro/?utm_source=github&utm_medium=readme&utm_campaign=architectui-html-upgrade&utm_content=intro-link) yet it comes with unlimited color schemes and flexibility unmatched to most other Premium admin dashboards.



## What's New in v4.5.0



### **🚀 jQuery 4.0 Upgrade (January 2026)**

- **jQuery 4.0.0** - First major jQuery release in over a decade with modernized internals

- **MetisMenu 3.1.0** - Updated sidebar menu library with jQuery 4.0 support

- **All Dependencies Updated** - Every package updated to latest January 2026 versions

- **Zero Vulnerabilities** - Complete security audit passed



### **Previous Release: v4.4.0**

- **Real Google Maps** - Interactive maps with no API key required

- **FontAwesome 7** - Latest icon library with full compatibility

- **Bootstrap 5.3.8** - Latest Bootstrap patches



See [CHANGELOG.md](Changelog.md) for complete details.



## Earlier Release: v4.2.0



### 🚀 **Complete Modernization**

- **Latest Dependencies** - All npm packages updated to current versions

- **Future-Proof SASS** - Modern `@use` syntax, zero deprecation warnings

- **Enhanced Security** - Zero vulnerabilities detected

- **Modern Tooling** - ESLint v9, Webpack 5.99, latest build tools



### 🗺️ **Maps Component** (Updated in v4.4.0)

- **Real Google Maps** - Fully interactive maps with actual map data

- **Free to Use** - No API key required, uses Google's iframe embed system

- **5 Global Locations** - Tokyo, New York, London, Paris, San Francisco

- **Professional Quality** - All standard Google Maps features included



### 📦 **Performance Improvements**

- **Reduced Bundle Size** - 50KB improvement (1.87 MiB → 1.82 MiB)

- **Faster Builds** - Optimized webpack configuration

- **Clean Console** - No 404 errors or warnings during development

- **Better Caching** - Improved asset loading and browser caching



### 🔧 **Developer Experience**

- **Modern SASS** - Using latest `@use` modules instead of deprecated `@import`

- **ESLint v9** - Latest linting with flat configuration format

- **Clean Development** - Professional console output without noise

- **Security First** - All dependencies audited and updated



## PRO Version Available [here](https://dashboardpack.com/theme-details/architectui-dashboard-html-pro/?utm_source=github&utm_medium=readme&utm_campaign=architectui-html-upgrade&utm_content=pro-banner) 🏆



## Preview



![ArchitectUI Bootstrap 5 Free](https://colorlib.com/wp/wp-content/uploads/sites/2/architectui-html-free.jpg)



## 🚀 Quick Start



### Installation

Download and Uncompress the theme package archive in your desired folder location.



Download and install Node.js LTS from https://nodejs.org/en/download/



Install the app dependencies by running the following command in the command line inside the folder root where you have unzipped the theme package archive.



```bash

npm install

```



After npm finishes installing the modules from package.json you can go ahead and start the application. To do so, run the command below.



```bash

npm run start

```



After the command finished, you should see a **Compiled successfully!** message in your terminal window. Also, a web server service will be started so you can view your app in the browser: **http://localhost:8080**



### Production Build

To create a production optimized build run the command below:



```bash

npm run build

```



This created another folder in the root of your project named build. You'll have an option to start a local web server to view your newly created production build.



## 🎯 **Key Features**



### **Modern Technology Stack**

- **Bootstrap 5.3.8** - Latest version with all features

- **jQuery 4.0.0** - Major modernization release

- **Chart.js 4.5.1** - Beautiful data visualizations

- **FontAwesome 7.1.0** - Latest icon library version

- **SASS 1.97.3** - Modern CSS preprocessing

- **Webpack 5.104.1** - Latest build tooling



### **Components & Features**

- ✅ **Responsive Design** - Mobile-first approach

- ✅ **Real Google Maps** - 5 interactive locations, no API keys required

- ✅ **Chart Integration** - Beautiful data visualization with Chart.js

- ✅ **Calendar Component** - Full-featured event management

- ✅ **Form Elements** - Complete form components library

- ✅ **Navigation Systems** - Multiple menu styles

- ✅ **Card Components** - Flexible content containers

- ✅ **Button Variants** - Extensive button library

- ✅ **Icon Libraries** - FontAwesome 7, PE7, Linearicons

- ✅ **Animation Support** - Smooth transitions and effects



### **Developer Benefits**

- 🔒 **Security Focused** - Zero vulnerabilities

- 🚀 **Performance Optimized** - Fast loading times

- 🛠️ **Easy Customization** - Well-structured SASS files

- 📱 **Mobile Ready** - Responsive across all devices

- 🎨 **Theme Flexibility** - Multiple color schemes

- 🔧 **Modern Tooling** - Latest development tools



## 📁 **Project Structure**

```

architectui-html-theme-free/

├── src/

│   ├── assets/           # SASS, images, fonts

│   ├── DemoPages/        # HTML templates

│   ├── layout/           # Layout components

│   └── scripts-init/     # JavaScript modules

├── build/                # Production build output

├── package.json          # Dependencies and scripts

└── webpack.config.js     # Build configuration

```



## 🔄 **Upgrade from v4.1.0**

This version includes breaking improvements. For existing projects:



1. **Backup your customizations**

2. **Update dependencies**: `npm install`

3. **Review SASS changes** if you've customized themes

4. **Test your maps** - new implementation may require updates



## **Version History**

- **v4.5.0** (2026-01-29) - jQuery 4.0 upgrade, all dependencies updated

- **v4.4.0** (2025-11-17) - Real Google Maps integration, improved UX

- **v4.3.0** (2025-09-17) - FontAwesome 7 upgrade, complete dependency refresh

- **v4.2.0** (2025-06-20) - Complete modernization, SASS future-proofing

- **v4.0.0** (2023-10-17) - React v18 migration, dependency upgrades

- **v3.1.0** (2022-08-22) - Library updates

- **v3.0.0** (2022-04-05) - WebPack v5 migration

- **v2.0.0** (2021-09-07) - Bootstrap v5 migration



## 🤝 **Contributing**

We welcome contributions! Please feel free to submit issues and pull requests.



## 📄 **License**

Licensed under MIT. See [LICENSE](LICENSE) for details.



## 🔗 **Links**

- **Website**: [DashboardPack.com](https://dashboardpack.com)

- **Pro Version**: [ArchitectUI Pro](https://dashboardpack.com/theme-details/architectui-dashboard-html-pro/?utm_source=github&utm_medium=readme&utm_campaign=architectui-html-upgrade&utm_content=footer-link)

- **Documentation**: Available with Pro version

- **Support**: [Contact Support](https://dashboardpack.com/contact)