Bootstrap 5 HTML admin template providing static page structure
HTMLAdmin dashboard
materio-bootstrap-html-admin-template-free — HTML Admin dashboard Template
By themeselection
Materio Free is a Bootstrap 5 HTML admin template that provides static pages for dashboards, layouts, pages, forms, tables, and UI components, under the MIT license.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Includes an Analytics dashboard and multiple layouts: no menu, no navbar, container, fluid, blank
Covers all Bootstrap components, basic form elements and layouts, basic tables
Provides login, register, forgot password, account settings, error pages, maintenance pages
Integrates Remix icons, Perfect Scrollbar, Text Divider, and other extended UI
MIT licensed, free for personal and commercial projects, attribution required
Template Details
Materio Free is a Bootstrap 5 HTML admin template released by ThemeSelection. The repository is organized as static HTML pages, making it a suitable starting point for admin interfaces. The template includes an Analytics dashboard, multiple layouts (no menu, no navbar, container, fluid, blank), account settings, login, register, forgot password, error pages, and maintenance pages. It covers all Bootstrap components, form elements and layouts, basic tables, and extended UI elements such as Perfect Scrollbar and Text Divider, along with Remix icons.
There are clear differences between the free and paid versions: the free version offers only a single vertical menu, light style, default theme, and fixed menu layout. It includes just one simple dashboard, basic form elements, basic cards, basic tables, and two extended components, with only one chart library. The paid version adds horizontal menus, light and dark themes, a template customizer, multiple industry dashboards, applications such as calendar, invoice, user list, role permissions, and e-commerce, advanced forms and validation, more cards and extended components, quick search, additional authentication pages, advanced tables, Leaflet maps, a second chart library, a starter kit, internationalization, and RTL support.
Before use, note: the free version code is under the MIT license, allowing free use for personal and commercial purposes, but you must retain the copyright and license notice and add a ThemeSelection link in the footer. Third-party assets such as demo images, fonts, and icons require separate license verification. For installation and build steps, refer to the official documentation; the repository Wiki and online docs provide instructions. Browser support includes Chrome, Firefox, Safari, Microsoft Edge, and other browsers implementing the latest CSS standards.
HTMLAdmin
Is it right for your project?
Use Cases
- Quickly building static HTML interface prototypes for admin systems
- Providing ready-made dashboard and page skeletons for Bootstrap 5 projects
- Secondary development on basic pages such as login, register, and error pages
- As a reference example for learning Bootstrap 5 admin layouts and components
Suitable For
- Front-end developers needing a free Bootstrap 5 admin template
- Projects aiming to quickly build admin interfaces based on static HTML
- Teams accepting the free version's scope and extending it themselves
- Individuals or organizations needing a commercially usable admin template under MIT license
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Refer to the official documentation's installation guide for setup and build steps
- 2
The free version only includes a single vertical menu, light default theme, and fixed menu layout; paid features are not included
- 3
Using the code requires retaining the MIT license and copyright notice, and adding a ThemeSelection link in the footer
- 4
Third-party assets such as demo images, fonts, and icons require separate license verification
- 5
The free product gets community support via GitHub Issues; paid version offers priority support
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to this version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercial use, and distribution of this version's code.
- When distributing copies or substantial portions of the code, retain the original copyright notice and the full MIT license notice.
- The code is provided as-is; warranties and liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- The MIT license itself does not require attribution, but the project explicitly requires: when using the free version, you must retain a link attribution to ThemeSelection in the webpage or project footer.
- The free version only gets community support via GitHub Issues; priority/exclusive support belongs to the paid Premium version and is not included in the free version.
- If you submit contributions to the repository, you agree to grant ThemeSelection a non-exclusive license to use the contribution in any context it deems appropriate.
- Project materials mention optional paid versions or features; this entry only covers the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project.
Original README
For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team.
Original README
https://github.com/themeselection/materio-bootstrap-html-admin-template-free/blob/main/LICENSEhttps://github.com/themeselection/materio-bootstrap-html-admin-template-free/blob/main/README.mdWhen you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-05-14
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: ce9487a67f8c2b365a6a6428a3df2fad8f1d37f4962cda546545f782f04b92ef
2026-10-01T01:49:58.043Z
Source file / repository<p align="center">
<a href="https://themeselection.com/item/materio-dashboard-free-bootstrap/" target="_blank">
<img src="https://cdn.themeselection.com/ts-assets/materio/logo/logo.png" alt="materio-logo" width="40px" height="auto">
</a>
</p>
<h1 align="center">
<a href="https://themeselection.com/item/materio-dashboard-free-bootstrap/" target="_blank" align="center">
Materio - Free Bootstrap 5 HTML Admin Template
</a>
</h1>
<p align="center">Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers!</p>
    
[](https://themeselection.com/item/materio-dashboard-free-bootstrap/)
## Introduction 🚀
If you’re a developer looking for the most Powerful & comprehensive [**Free Bootstrap 5 HTML Admin Template**](https://themeselection.com/item/materio-dashboard-free-bootstrap/) built for developers, rich with features, and highly customizable look no further than Materio. We’ve followed the highest industry standards to bring you the very best admin template that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.
Build premium quality applications with ease. Use our innovative [bootstrap admin template](https://themeselection.com/item/category/bootstrap-admin-templates/) to create eye-catching, high-quality WebApps. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.
[View Demo](https://demos.themeselection.com/materio-bootstrap-html-admin-template-free/html/index.html)
## Installation ⚒️
Please [visit](https://demos.themeselection.com/materio-bootstrap-html-admin-template/documentation/installation-build.html) our docs for installation guide.
## What's Included 📦
- Dashboard
- Analytics
- Layouts
- Without menu
- Without Navbar
- Container
- Fluid
- Blank
- Pages
- Account Settings
- Login
- Register
- Forgot Password
- Error
- Under Maintenance
- Cards
- User Interface
- **All Bootstrap Components**
- Extended UI
- Perfect Scrollbar
- Text Divider
- Remix Icons (RI)
- Form Elements
- Basic Inputs
- Input Groups
- Form Layout
- Vertical Form
- Horizontal Form
- Tables
## What's in Premium Version 💎
| Materio Free Version | Materio Premium Version |
| ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| [Demo](https://themeselection.com/demo/materio-bootstrap-html-admin-template-free/html/) | [Demo](https://themeselection.com/demo/materio-bootstrap-html-admin-template/html/vertical-menu-template/) |
| [Download](https://themeselection.com/item/materio-dashboard-free-bootstrap/) | [Purchase](https://themeselection.com/item/materio-dashboard-pro-bootstrap/) |
| Single vertical Menu | Vertical Menu + Horizontal Menu |
| Simple Light Style | Light & Dark Style |
| Default Theme | Default, Semi Dark & Bordered Themes |
| Fixed Layout(Menu) | Fixed & Static Layout(Menu) |
| - | Template Customizer |
| 1 Simple Dashboard | 6 Niche Dashboards |
| - | Multiple Ready Applications like Calendar, Invoice, Users List, Users View, Roles and Permission, eCommerce, Academy, Logistics etc. |
| Simple From Elements | Advance form elements, validation & form wizard |
| Basic Cards | Basic, Advance, Statistics, Analytics, Gamification and Actions Cards |
| Basic User Interface(Components) | Advance and Custom User Interfaces(Components) |
| Two Extended Components | Twelve Ready to use Extended Components |
| - | Quick Search - Quickly navigate between pages (w/ hotkey support) |
| Basic Pages | Authentication Pages in 2 Variants + Ready-to-use pages like User Profile, Account Settings, FAQ, Help Center, Pricing, Misc, etc. |
| - | 3D Characters + Illustrations |
| Basic tables | Advanced tables |
| - | Quick customization using theme config file |
| - | Leaflet Maps |
| 1 Chart Library | 2 Chart Libraries |
| - | Multiple Navbar & Menu Options |
| - | Starter-kit |
| - | Internationalization support |
| - | RTL Support |
| Regular Support | Priority Support |
| Detailed Documentation | Detailed Documentation |
## Documentation 📜
<!-- If you have docs in wiki then use below line -->
Check GitHub [Wiki](https://github.com/themeselection/materio-bootstrap-html-admin-template-free/wiki) of this repository.
Check out our live [Documentation](https://demos.themeselection.com/materio-bootstrap-html-admin-template/documentation/)
## Browser Support 🖥️
\*_It also supports other browser which implemented latest CSS standards_
## Contributing 🦸
Contribution are always welcome and recommended! Here is how:
- Fork the repository ([here is the guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo)).
- Clone to your machine `git clone https://github.com/themeselection/materio-bootstrap-html-admin-template-free` Make your changes
- Create a pull request
### Contribution Requirements 🧰
- When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
- If you use content provided by another party, it must be appropriately licensed using an open source license.
- Contributions are only accepted through Github pull requests.
- Finally, contributed code must work in all supported browsers (see above for browser support).
## Changelog 📆
Please refer to the [CHANGELOG](CHANGELOG.md) file. We will add a detailed release notes to each new release.
## Support 🧑🏻💻
For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team.
## License ©
- Copyright © [ThemeSelection](https://themeselection.com/)
- Licensed under [MIT](LICENSE)
- All our free items are Open Source and licensed under MIT. You can use our free items for personal as well as commercial purposes. We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project.
```html
<a href="https://themeselection.com/">ThemeSelection</a>
```
## Also Available In
<p>
<!-- Figma -->
<a href="https://themeselection.com/item/materio-figma-admin-dashboard-ui-kit/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/0318a6c8-4f9b-4cf6-af5e-d357f909ea2b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"></picture></img></a>
<!-- HTML -->
<a href="https://themeselection.com/item/materio-bootstrap-html-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/5fe77c46-2e4c-475a-8dec-e30e2badddee"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"></picture></img></a>
<!-- HTML + Laravel -->
<a href="https://themeselection.com/item/materio-bootstrap-laravel-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/efe420e4-9863-41b7-9eda-47ea94f21a62"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"><img width="auto" height="74px" alt="html_laravel" src="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"></picture></img></a>
<!-- HTML + Django -->
<a href="https://themeselection.com/item/materio-bootstrap-django-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3c87d33b-1223-4aaa-a652-388dcb714c98"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"><img width="auto" height="74px" alt="html_django" src="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"></picture></img></a>
<!-- .Net Core -->
<a href="https://themeselection.com/item/materio-aspnet-core-mvc-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/6327fd7b-9c54-4189-a852-28551ad0e002"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"><img width="auto" height="74px" alt="net_core" src="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"></picture></img></a>
<!-- NextJS -->
<a href="https://themeselection.com/item/materio-mui-react-nextjs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/66344629-6d21-4f92-9078-f479b39cb34e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"><img width="auto" height="74px" alt="next.js" src="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"></picture></img></a>
<!-- React -->
<a href="https://themeselection.com/item/materio-mui-react-nextjs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3877046e-c652-4b3d-99e9-2e134da1d6cf"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"><img width="auto" height="74px" alt="react" src="https://github.com/microsoft/vscode/assets/47495003/8c8c940e-d8f9-4213-a7f7-f8bc4968f169"></picture></img></a>
<!-- Vue -->
<a href="https://themeselection.com/item/materio-vuetify-vuejs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/881bbbb8-d1c9-421c-9bce-4ea43dfa9e6e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"><img width="auto" height="74px" alt="vue" src="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"></picture></img></a>
<!-- Vue + Laravel -->
<a href="https://themeselection.com/item/materio-vuetify-vuejs-laravel-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/20b6428e-3fa5-4f80-a389-9e4cd732c2de"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"><img width="auto" height="74px" alt="vue_laravel" src="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"></picture></img></a>
</p>
<!-- Add other pro variants here. You can get the logo URL from here: https://icones.js.org/collection/logos -->
## Looking For Premium Admin Templates ?? 👀
**[ThemeSelection](https://themeselection.com/)** provides Selected high quality, modern design, professional and easy-to-use **Fully Coded Dashboard Templates & UI Kits** to create your applications faster!
- [Bootstrap Admin Templates](https://themeselection.com/item/category/bootstrap-admin-templates/)
- [VueJS Admin Templates](https://themeselection.com/item/category/vuejs-admin-templates/)
- [Laravel Admin Templates](https://themeselection.com/item/category/laravel-admin-templates/)
- [Django Admin Templates](https://themeselection.com/item/category/django-admin-template/)
- [React (NextJS) Admin Templates](https://themeselection.com/item/category/next-js-admin-template/)
- [ASP.Net Core Admin Templates](https://themeselection.com/item/category/asp-net-dashboard/)
- [Free UI Kits](https://themeselection.com/item/category/free-ui-kits/)
If you want to [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/).
## Useful Links 🎁
- [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)
- [Freebies](https://themeselection.com/item/category/freebies/)
- [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)
- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
- [FlyonUI](https://flyonui.com/)
- [JetShip](https://demos.themeselection.com/jetship-laravel-starter-kit/)
## Social Media :earth_africa:
- [x](https://x.com/Theme_Selection)
- [Facebook](https://www.facebook.com/ThemeSelections/)
- [Pinterest](https://www.pinterest.com/themeselection/)
- [Instagram](https://www.instagram.com/themeselection/)
- [Discord](https://discord.com/invite/kBHkY7DekX)
- [YouTube](https://www.youtube.com/channel/UCuryo5s0CW4aP83itLjIdZg)
Explore similar templates
Compare previews and descriptions within the same stack and category.
gentelella
Gentelella v4 is a free, open-source admin dashboard template maintained by Colorlib, built with vanilla JavaScript, SCSS, and Vite 8 without Bootstrap or jQuery.
HTML · Admin dashboard
coreui-free-bootstrap-admin-template
A free Bootstrap admin template maintained by CoreUI, built on CoreUI's own UI component library. It provides compiled HTML pages and Pug template source code, covering dashboards, authentication, forms, components, icons, and error pages.
HTML · Admin dashboard
dashboards
A collection of responsive dashboard HTML templates open-sourced by Keen IO, built on CSS Grid, offering multiple prebuilt admin data interface layouts.
HTML · Admin dashboard
SB Admin 2
SB Admin 2 is a classic Bootstrap admin template from Start Bootstrap, offering dashboards, charts, tables, and common management pages.
HTML · Admin dashboard
Adminator-admin-dashboard
Adminator 4 is a vanilla HTML, CSS and JavaScript admin dashboard template with a CSS-variable token design system, built-in light and dark themes, no jQuery or Bootstrap dependency, and 18 pages covering dashboards, mail, calendar, charts, forms, tables and error pages.
HTML · Admin dashboard
SB Admin
SB Admin is a lightweight, open-source Bootstrap admin template from Start Bootstrap. It offers a sidebar-and-top-bar layout with data tables, forms, and stat cards, plus responsive design.
HTML · Admin dashboard