27 Jan 10:45

puikinsh

a4dbcd4

v3.3.0 — Responsive Layout Overhaul Latest

Latest

v3.3.0 — Responsive Layout Overhaul

Complete rework of the mobile experience and sidebar toggle system for a polished, production-ready responsive layout.

What's New

Mobile Experience

Sidebar now works on mobile — Uses off-screen transform: translateX(-100%) with an overlay backdrop instead of broken margin/width toggling
Escape key & backdrop click close the mobile sidebar
Body scroll lock prevents background scrolling when the sidebar is open
Resize handler cleans up sidebar state when crossing the desktop/mobile breakpoint

Desktop Sidebar

Clean mini-sidebar collapse (70px) with hidden labels, badges, and submenus
Content area adjusts via margin-left transition for a smooth toggle effect

Responsive Refinements

Responsive card styles — Smaller padding and icon sizes on mobile for stats cards
Compact header buttons — Reduced button padding on small screens
Footer resets margin-left to 0 below the lg breakpoint

Bug Fixes

Mobile layout completely broken — Sidebar, header, footer, and cards all had layout issues below the lg breakpoint
Sidebar never toggled on desktop — SidebarManager module existed but was never imported or initialized in main.js
Duplicate sidebar toggle handlers — Inline <script> blocks in all 21 HTML pages conflicted with SidebarManager, causing desktop toggle clicks to cancel out (both handlers fired, toggling the class on then off)
Dropdowns pushed layout on mobile — Bootstrap's navbar-expand-lg sets .dropdown-menu to position: static below the lg breakpoint; forced to position: absolute for proper overlay behavior
Inconsistent mobile breakpoints — Some components used 768px, others 991.98px; standardized to 991.98px (lg) throughout
Hamburger menu hidden behind logo — Repositioned hamburger into the header navbar flow and pinned it at the sidebar edge on desktop
Users page bulk actions bar — Fixed flash-and-disappear caused by conflicting CSS (opacity: 0 / translateY(-100%) from a jQuery-era .show class pattern) fighting Alpine.js x-show; fixed broken Tailwind transition classes on a Bootstrap project
Users page checkboxes — Fixed toggle/checkbox hybrid styling caused by conflicting form-check-input + custom class with appearance: checkbox
Missing ApexCharts import — users.js used ApexCharts without importing it, causing a ReferenceError in chart initialization
Double component init — Removed redundant x-init="init()" on the userTable component (Alpine auto-calls init())
Updated copyright — Footer year updated to 2026, credit updated to "Bootstrap 5 by Colorlib" across all 20 pages

Architecture Changes

Single source of truth for sidebar — SidebarManager module handles all toggle logic; removed all 21 inline sidebar <script> blocks from HTML pages
Hamburger menu placement — Moved from floating position: fixed to header navbar; absolutely positioned at sidebar edge on desktop, normal flow on mobile
Sidebar backdrop — Added .sidebar-backdrop overlay element to all 21 HTML pages

Tech Stack

Dependency	Version
Bootstrap	5.3.8
Alpine.js	3.15.4
ApexCharts	5.3.6
Chart.js	4.5.1
Vite	7.3.1
Sass	1.97.3

Getting Started

npm install
npm run dev      # Dev server
npm run build    # Production build

Full Changelog: https://github.com/nickmessing/bootstrap-admin-template-3/compare/v3.2.1...v3.3.0

Assets 2

29 Nov 14:33

puikinsh

v3.2.0

2ce11af

Bootstrap Admin Template v3.2.0

🎉 Maintenance Release - Dependencies, Build Optimization & DX Improvements

This release brings all dependencies to their latest versions, significantly improves build performance through chunk splitting, and enhances developer experience with new configuration files.

🚀 Highlights

Build Performance: 97% Smaller Main Bundle

The main JavaScript bundle has been reduced from 993KB to 33KB through intelligent vendor chunk splitting:

Chunk	Size	Contents
`main.js`	33KB	Application code
`vendor-bootstrap.js`	82KB	Bootstrap & Popper
`vendor-ui.js`	123KB	Alpine.js, SweetAlert2, Day.js
`vendor-charts.js`	756KB	Chart.js, ApexCharts

Zero ESLint Warnings

All 16 ESLint warnings have been fixed. The codebase now passes linting with 0 errors, 0 warnings.

New Developer Experience Files

.prettierrc.json - Standardized code formatting
.editorconfig - IDE-agnostic coding standards
postcss.config.js - PostCSS/Autoprefixer configuration
.env.example - Environment variable template
DEVELOPMENT.md - Comprehensive development documentation

📦 Updated Dependencies

Production

Package	Previous	New
Font Awesome	7.0.1	7.1.0
Alpine.js	3.15.0	3.15.2
ApexCharts	5.3.5	5.3.6
Chart.js	4.5.0	4.5.1
Day.js	1.11.18	1.11.19
SweetAlert2	11.23.0	11.26.3
Lucide	0.544.0	0.555.0

Development

Package	Previous	New
Vite	7.1.7	7.2.4
Sass	1.93.2	1.94.2
ESLint	9.36.0	9.39.1
Prettier	3.6.2	3.7.2
Autoprefixer	10.4.20	10.4.22
PostCSS	8.5.2	8.5.6

✨ New npm Scripts

npm run serve        # Build and preview in one command
npm run lint:fix     # Auto-fix linting issues
npm run format:check # Check formatting without changes
npm run check        # Run lint + format check together
npm run clean:all    # Deep clean including node_modules

🐛 Bug Fixes

Fixed duplicate changePassword() method in security component
Removed unused Bootstrap imports (Alert, Button, Carousel, ScrollSpy)
Fixed all 16 ESLint warnings across multiple files

🔒 Security

0 vulnerabilities - All dependencies updated with no known security issues.

📋 Installation

# Clone the repository
git clone https://github.com/puikinsh/Bootstrap-Admin-Template-3.git

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

🔗 Links

Full Changelog: v3.1.0...v3.2.0

Assets 2

29 Sep 12:11

puikinsh

v3.1.0

7236e15

Bootstrap Admin Template v3.1.0

Release Notes - Version 3.1.0

🎉 Bootstrap Admin Template v3.1.0

Release Date: September 29, 2025

We're excited to announce version 3.1.0 of the Bootstrap Admin Template! This release focuses on keeping the template up-to-date with the latest web standards, fixing critical issues, and cleaning up the codebase for better maintainability.

📦 Dependency Updates

All dependencies have been updated to their latest stable versions to ensure security, performance, and access to the newest features:

Major Updates

Bootstrap: 5.3.7 → 5.3.8 - Latest Bootstrap 5 release
ApexCharts: 4.7.0 → 5.3.5 - Major version upgrade with enhanced chart features
Font Awesome: 6.7.2 → 7.0.1 - Major version upgrade with expanded icon library

Framework & Build Tools

Alpine.js: 3.14.9 → 3.15.0 - Improved reactive framework
Vite: 7.0.4 → 7.1.7 - Faster builds and better performance
Sass: 1.89.2 → 1.93.2 - Latest SCSS compiler improvements

Development Tools

ESLint: 9.18.0 → 9.36.0 - Enhanced code quality checks
Prettier: 3.4.2 → 3.6.2 - Better code formatting
@vitejs/plugin-legacy: 7.0.0 → 7.2.1 - Improved browser compatibility

Utilities

Day.js: 1.11.13 → 1.11.18 - Date manipulation improvements
SweetAlert2: 11.22.1 → 11.23.0 - Better notifications
Lucide: 0.469.0 → 0.544.0 - Extended icon collection

🐛 Bug Fixes

Chart Overflow Issue - FIXED ✅

Problem: The Revenue Analytics chart in the Analytics dashboard was overflowing outside its card boundaries, causing horizontal scrolling and layout issues.

Solution:

Added responsive configuration to ApexCharts initialization
Implemented proper overflow handling in chart containers
Added window resize event handlers for dynamic chart resizing
Enhanced the chart-container SCSS mixin with better overflow protection

Impact: Charts now properly contain themselves within card boundaries across all screen sizes and respond correctly to window resizing.

🧹 Code Cleanup

Legacy Code Removal

We've completed a comprehensive cleanup of all Bootstrap 3 legacy code:

Removed Files:

.babelrc - Obsolete with Vite
.jshintrc - Replaced by ESLint
.travis.yml - Outdated CI/CD configuration
.verb.md - Old documentation generator
docs/ directory - Outdated Bootstrap 3 documentation

Cleaned Configuration:

Updated .gitignore to remove legacy references
Removed bower_components references
Cleaned up grunt-related entries
Streamlined vendor directory references

Result: The codebase is now cleaner, more maintainable, and contains only modern Bootstrap 5 code.

📚 Documentation Improvements

New Documentation

CLAUDE.md: Added comprehensive AI assistant configuration file for better development experience with Claude Code
Enhanced README: Updated with latest version information and clearer project structure

Updated Documentation

CHANGELOG.md: Now includes detailed version history
README.md: Updated with v3.1.0 features and improvements
Package.json: Version bumped to 3.1.0

🚀 Performance Improvements

Charts now initialize more efficiently with proper cleanup
Reduced memory leaks by implementing chart destroy methods
Better responsive performance with optimized resize handlers
Cleaner codebase results in faster build times

💻 Developer Experience

AI-Assisted Development: CLAUDE.md provides clear instructions for AI coding assistants
Cleaner Project Structure: Removed all legacy directories and files
Updated Dependencies: Access to latest features and security patches
Better Documentation: Clearer guidance for development and customization

🔄 Migration Guide

Upgrading from v3.0.0 to v3.1.0

Update Dependencies:
```
npm update
```

Clear Cache:

npm run clean
rm -rf node_modules
npm install

Rebuild Project:
```
npm run build
```

Breaking Changes

None! This is a backward-compatible update.

Deprecations

Legacy Bootstrap 3 support completely removed
Old configuration files no longer supported

📈 What's Next

We're committed to keeping this template modern and maintainable. Future updates will focus on:

Adding more dashboard variations
Implementing more interactive components
Performance optimizations
Accessibility improvements
Additional theme variations

🙏 Acknowledgments

Thank you to all contributors and users who have helped make this template better. Special thanks to the open-source community for maintaining the excellent libraries we depend on.

📝 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

🐛 Bug Reports & Feature Requests

Please report any issues or feature requests on our GitHub Issues page.

Happy coding! 🚀

Assets 2

29 Jul 09:14

puikinsh

v3.0.0

a1b27f2

Bootstrap Admin Template v3.0.0

We’re excited to announce v3.0.0, a complete rewrite of the Metis Admin Template. This major release modernizes the codebase, enhances performance, and adds a wealth of new features.

🚀 Major Release: Complete Modernization

Framework & Tooling
- Full upgrade to Bootstrap 5.3.7
- Alpine.js replaces jQuery for reactive UI
- Vite build system with HMR, tree-shaking, asset optimization
- ES6+ modules, async/await, optional TypeScript support
- SCSS architecture (ITCSS + BEM), Bootstrap Icons (1,800+ SVGs)
New Dashboard Pages
- 📈 Analytics (charts, KPIs)
- 👥 User Management (CRUD, data tables)
- 📦 Product Management (e-commerce filters)
- 🛒 Order Management (tracking/status)
- 📁 File Manager (upload/download)
- 📅 Calendar (event modals)
- 💬 Messages (chat UI)
- 📊 Reports (exportable tables)
- ⚙️ Settings (config panels)
- 🔒 Security (permissions)
- ❓ Help & Support (FAQ, tickets)
Design System
- Dark/Light mode with persistence
- CSS custom properties for theming
- Inter font family, modern color palette
- Mobile-first, responsive layouts
- Reusable UI component library
- Micro-interaction animations
Developer Experience
- Hot Module Replacement (fast feedback)
- Modular JS components & SCSS partials
- Linting, Prettier, source maps
- Optional TypeScript typings
- Comprehensive docs and code comments
Interactive Features
- Advanced form controls & validation
- Sortable/filterable/searchable data tables
- Modal dialogs, toast notifications
- Global search dropdown, keyboard shortcuts
- Fullscreen toggle

🔄 Changes / Improvements

Tech Migration
- jQuery → Alpine.js; LESS → SCSS; Gulp → Vite
- Static HTML → interactive components
- Font Awesome → Bootstrap Icons
Performance & Quality
- 90%+ Lighthouse score, faster load times
- Tree-shaking, code splitting, asset caching
- Optional TypeScript, ESLint & Prettier
- WCAG 2.1 AA accessibility enhancements
Architecture
- ES6 module structure in src-modern/
- BEM + ITCSS CSS methodology
- Modern browser support only (Chrome 90+, Firefox 88+, Safari 14+, Edge 90+)

🗑️ Removed / Clean-up

Legacy dependencies: jQuery, Bootstrap 3, LESS, Gulp, Bower, Grunt
Outdated features: IE11 support, legacy fallbacks
Unused CSS, dead JS code, old assets, build cruft

📈 Breaking Changes

Node.js 18+ required (was none)
Build system: Gulp → Vite (npm run dev / npm run build)
Browser support: dropped IE11 & legacy polyfills
JS API: Alpine.js syntax replaces jQuery plugins
CSS structure: SCSS partials replace LESS files
Directory layout: everything under src-modern/

🛠️ Migration Guide

For Developers

Ensure Node.js 18+ is installed
Run npm install (replaces bower install)
Use npm run dev (replaces gulp serve)
Explore source in src-modern/ (styles, scripts, components)
Rewrite custom scripts/markup into Alpine.js patterns

For Theming & Customization

SCSS variables: src-modern/styles/scss/abstracts/_variables.scss
Component styles: src-modern/styles/scss/components/
JS components: src-modern/scripts/components/
Vite config: vite.config.js

🎯 Upgrade Path

Backup existing customizations
Install dependencies: npm install
Review new folder structure (src-modern/)
Migrate themes, CSS overrides, and scripts
Test all pages and workflows
Deploy: npm run build → production assets

Thank you for upgrading! Please report any issues or feedback on the GitHub repository.
Happy coding!

Assets 2

28 Feb 20:12

onokumus

v-2.1.4

542b9a1

Version 2.1.4

v-2.1.4

fixed fullscreen

Assets 2

13 Oct 08:55

onokumus

v2.1

0dcfb2b

Version 2.1

Create Pricing Tables

Assets 2

25 Sep 19:03

onokumus

v2.0

ab6b9e5

Version 2.0 For Twitter Bootstrap 3.0.0

Demo
http://demo.onokumus.com/metis/

Assets 2

25 Sep 19:02

onokumus

v1.2

a5224bf

Version 1.2 For Twitter Bootstrap 2.3.2

Demo *
http://demo.onokumus.com/metis/v12

Assets 2

Releases: puikinsh/Bootstrap-Admin-Template