DEPRECATED

This little project is not loger being developed. For a current version check out the new Admin Dashboard repo

A sleek and fully responsive Free Bootstrap 5 Admin Dashboard Template with swipe left event on mobile screens to display the offcanvas. It's a great starter-kit for developing a modern, user-friendly, and customizable feature-rich front-end for your web applications.

A Great Starter Template

This template features a responsive layout, dark & light theme, offcanvas on mobile devices, and a wrapper #main-content element to keep your content orginized. It's made to be simple by using minimal styling CSS and i, nstead extending Bootstrap's framework. It also uses HTML5 tags to help keep your page organized and makes its extremely easy to customization for your own project. To give you the ability to add you own event triggers and mechanics, it doesn't use any large JavaScript libraries to prevent cluttering your scripts and locking you into using premade functions. All hands down it's a simple starter template for Views or templates in small application using frameworks like; CodeIgniter 4, CakePHP, or Symfony. It looks great on mobile screen all the way up to desktop monitors. Feel free to customize it and use it in your next awesome application.

Tech Stack

Credit To

✨ New Features

• Bootstrap 5 - Latest version with all modern utilities
• Responsive - Mobile-optimized layouts across all devices
• Sidebar Menu - Off canvas navigation on smaller screen sizes.
  • (Uncomment code in scripts.js Line: 18-20 to make the offcanvas persist between refreshes)
• Dark/Light Mode - Theme switching with localStorage persistence (must uncomment in script)
• Page loader/unloader
• Mobile Features
  • Touch-swipe event listener for the offcanvas on mobile devices
• Chart.js (For dashboard example)

📝 Template Pages

• Dashboard
• User Profile
• Blank Page
• Folder & Files (simple cards for directory list)
• Authentication Page
  • Login, register, and forgot password
• Error Pages
  • 401, 404, and 500

Changelog

All the notable changes to the template will be listed here. Most change will be style, HTML, or JavaScript updates. If you have any suggestion feel free to suggest them.

1.5.0

Added

• New 400x400px user avatar images (feel free to use them)
• Top Right dropdown menu header (for username or account info)
• Avatar tooltips on Profile Tasks tab-content

Updated

• Profile pages Tabs: Projects, Tasks & Teams
• Pages to use HTML5 tags for semantic structure
• Updated Task Item Card styles

📋 TODO:

• Script better touch-swipe left function
• Improve dark theme styles
• Add more example pages

📂 Project Structure

.
├──📝 README.md                         # Project documentation
├── 📂 assets/                          # images, stylesheets & Javascript files
│   ├── 📂 css/
│   │   └── stylesheet.css
│   ├── 📂 images
│   │   ├── 📂 users
│   │   │   └── misc. pics
│   │   ├── misc. pics
│   │   └── user.png
│   ├── 📂 js
│   │   ├── 📄 main.js (Theme toggle, scroll to top, and preloader)
│   │   └── 📄 scripts.js (Sidebar toggle)
│   ├── 📂 demo
│   │   ├── 📄 chart-area-demo.js
│   │   ├── 📄 chart-bar-demo.js
│   └── favicon.ico
├── 🔧 scripts/                         
│   └── ⚙️ server.js                    # simple node.js http server
├── 📄 index.html
├── 📄 user-profile.html
├── 📄 blank-page.html
├── 📄 401.html
├── 📄 404.html
├── 📄 500.html
├── 📄 index.html
├── 📄 folders-and-files.html
└── 📜 LICENSE.md                       # MIT License

The other directories and files are for simple development.

Customization Notes:

Here are a few suggestions when customizing the template. Everthing listed should be simple to understand. If you have more in-depth questions about how to make changes to the layout and base styles remember to check out The Official Bootstrap 5 Documentation for more information.

To be included

Contributing

• Click Fork button on top screen
• Create your development branch (git checkout -b development-name-features)
• Commit your change (git commit -am "development name features information")
• Push to the branch (git push origin development-name-features)
• Make a Pull request

Credits & Attribution

• Bootstrap 5 - The world's most popular CSS framework
• Bootstrap Icons - Official Bootstrap icon library
• Start Bootstrap - Simple Sidebar - Simple Sidebar is an off canvas sidebar navigation template.
• Start Bootstrap - SB Admin - An Admin dashboard template for Bootstrap.