Version 3.5.0 introduces an @@include() HTML templating system that eliminates ~950 lines of duplicated boilerplate per page. All 147 pages are now generated from compact source templates with shared layout partials, making maintenance dramatically easier.
// # HTML Templating System
// ------------------------------
[added] build/file-include.js - standalone @@include() processor with parameter support
[added] 14 layout partials in src/html/layouts/ (head, preloader, navbar, sidebar, footer scripts)
[added] 147 source templates in src/html/pages/ (~50-100 lines each, down from ~1000)
[added] build/convert-to-includes.js - one-time bulk migration script
// # Layout Types
// ------------------------------
[vertical] 136 pages - shared header, sidebar, chat panel, footer scripts
[horizontal] 4 pages - horizontal menu variant with separate layout partial
[auth] 7 pages - minimal layout (no sidebar/chat panel)
// # New Build Scripts
// ------------------------------
[added] npm run html - expand @@include() directives (src/html/pages/ → pages/)
[added] npm run html:menu - apply sidebar active states to generated pages
[added] npm run html:build - run both steps in sequence
[added] npm run watch-html - auto-rebuild on src/html/ changes
[updated] npm run build - now includes HTML template processing
[updated] npm run build:prod - now includes HTML template processing
// # Bug Fixes
// ------------------------------
[fixed] Notification badges standardized across all pages (bell: 5/pink, chat: 3/green)
[fixed] i18nextBrowserLanguageDetector path corrected from /js/ to /dist/umd/ (4 pages)
Version 3.4.0 removes 20 npm dependencies and ~20 duplicate/demo-only pages, reducing template weight and simplifying the dependency tree. Libraries are replaced with native HTML5, Bootstrap 5, or existing alternatives already in the template.
// # Dependencies Removed (20)
// ------------------------------
[removed] d3, sweetalert2, typeahead.js, feather-icons (npm), malihu-custom-scrollbar-plugin, jquery-countdown, datatables.net-buttons-bs5
[removed] clndr, underscore, handlebars, intro.js, offline-js, bootstrap-slider, jstree
[removed] bootstrap-datepicker, bootstrap-daterangepicker, datedropper, moment
[removed] spectrum-colorpicker2, jquery-minicolors
[removed] switchery, classie, lightgallery
[removed] autosize, bootstrap-maxlength, bootstrap-multiselect, multiselect, chartist
// # Replacements
// ------------------------------
[replaced] Date pickers → native HTML5 <input type="date|time|month|week">
[replaced] Color pickers → jscolor (already in template)
[replaced] Switchery → Bootstrap 5 form-switch component
[replaced] Classie → native element.classList API
[replaced] Lightgallery → GLightbox (already in template)
[replaced] Bootstrap Maxlength → vanilla JS character counter
[replaced] Chartist → Chart.js (already in template)
// # Pages Removed (~20)
// ------------------------------
[removed] event-clndr.html, tour.html, offline.html, offline-ui.html, range-slider.html, treeview.html
[removed] auth-sign-in-social.html, auth-sign-in-social-header-footer.html
[removed] auth-sign-up-social.html, auth-sign-up-social-header-footer.html
[removed] auth-multi-step-sign-up.html, auth-modal.html, search-result2.html
[removed] extra-pages/404/1/ (6 alternate 404 pages)
[removed] extra-pages/comming-soon/index2.html
// # Cleanup
// ------------------------------
[cleaned] Removed stale stroll/ entries from build-prod.js
[cleaned] Removed dead switchery/tagsinput code from swithces.js
[cleaned] Removed unused chartist CSS from invoice-summary.html, chart-chartjs.html
[updated] Sidebar menus propagated across all pages
Version 3.3.0 upgrades jQuery to v4.0 with a compatibility layer for existing plugins, upgrades Handsontable from v6 to v16, and updates numerous dependencies to their latest versions.
// # jQuery 4.0 Upgrade
// ------------------------------
[updated] jQuery - upgraded from v3.7.1 to v4.0.0
[added] jquery4-compat.js - compatibility shim for legacy plugins
[added] build/patch-jquery4.js - automatic patching during plugin install
// # Handsontable 16.2 Upgrade
// ------------------------------
[updated] Handsontable - upgraded from v6.2.2 to v16.2.0
[updated] integration.js - rewritten for new API (DOMContentLoaded, afterInit hook)
[updated] patch-handsontable.js - updated for v16 compatibility
[fixed] Heatmap renderer crash when afterLoadData fires before view init
// # Dependency Updates
// ------------------------------
[updated] DataTables - 2.3.5 → 2.3.7
[updated] DataTables Buttons - 3.2.5 → 3.2.6
[updated] DataTables Responsive - 3.0.7 → 3.0.8
[updated] FullCalendar - 6.1.19 → 6.1.20
[updated] i18next - 25.7.1 → 25.8.4
[updated] jQuery UI - 1.14.1 → 1.14.2
[updated] jQuery Validation - 1.21.0 → 1.22.0
[updated] LightGallery - 1.10.0 → 2.9.0
[updated] SweetAlert2 - 11.22.0 → 11.26.18
[updated] Swiper - 12.0.3 → 12.1.0
[added] jquery-countdown - replaces removed countdown package
[added] jquery.cookie - cookie management
[added] offline-js - offline status detection
[removed] countdown - replaced by jquery-countdown
[removed] stroll - removed unused dependency
// # Other Changes
// ------------------------------
[added] npm run build:docs - documentation build script
[added] Sidebar menu badges (NEW/HOT) on key sections
[fixed] DataTables Bootstrap 5 styling (replaced BS4 version)
[fixed] Stray </script> tag in handson-integrations.html
[removed] CLEANUP_AUDIT.md, UPGRADE_PLAN.md planning files
[removed] Modernizr from docs
Version 3.0.0 is a major update featuring Font Awesome 7.1.0, modern npm-based build system, and significant library upgrades. This version drops Internet Explorer support and modernizes the entire codebase for current browsers.
// # Font Awesome 7.1.0 Upgrade
// ------------------------------
[updated] Font Awesome - upgraded from v4.7.0 to v7.1.0
[updated] Icon syntax - changed from "fa fa-icon" to "fa-solid fa-icon"
[updated] Brand icons - now use "fa-brands fa-icon" format
[updated] Regular icons - outlined icons now use "fa-regular fa-icon" format
[updated] 1,073+ icon references updated across 183 HTML files
// # Major Library Upgrades
// ------------------------------
[updated] Bootstrap - upgraded to v5.3.8
[updated] Chart.js - upgraded from v2.x to v4.5.1
[updated] D3.js - upgraded from v3.x to v7.9.0
[updated] FullCalendar - migrated to @fullcalendar v6.x packages
[updated] Chartist - upgraded to v1.5.0 (ES module version)
[updated] SweetAlert2 - replaced sweetalert with v11.x
[updated] Cropper.js - replaced cropper with cropperjs v1.6.2
// # Build System Improvements
// ------------------------------
[added] Modern npm-based build system with SCSS compilation
[added] PostCSS autoprefixer for browser compatibility
[added] RTL CSS auto-generation
[added] Browser-sync for live reload development
[updated] plugins-list.js - auto-copies plugins from node_modules
[updated] .gitignore - plugins/ directory excluded from version control
// # Removed (Breaking Changes)
// ------------------------------
[removed] Internet Explorer support
[removed] Modernizr and legacy polyfills
[removed] Old Font Awesome 4 files from assets/icon/font-awesome
// # Icon Class Migration
// ------------------------------
// Solid icons: <i class="fa-solid fa-star"></i>
// Brand icons: <i class="fa-brands fa-github"></i>
// Regular icons: <i class="fa-regular fa-star"></i>
Version 2.0.0 is a major update that migrates the template from Bootstrap 4 to Bootstrap 5. This includes updated components, improved utilities, npm package management, and restructured project directories.
// # Bootstrap 5 Migration
// ------------------------------
[updated] Bootstrap - upgraded from v4.x to v5.x
[updated] All HTML files - updated Bootstrap classes
[updated] JavaScript - updated to Bootstrap 5 API
[updated] Form components - new Bootstrap 5 form classes
[updated] Grid system - enhanced responsive utilities
// # Project Structure
// ------------------------------
[changed] Moved templates from Template/default/ to pages/
[changed] Moved assets to assets/ directory
[changed] Moved extra pages to extra-pages/
[changed] Converted bower_components to plugins/
[added] npm package management (package.json)
[removed] Bower package management
Version 1.2 is a quick update that contains some reported bugs fixes and plugins update. Nothing new is added since this is an addition to global 1.2 version. Important milestone for 1.3 version is footer and container height enhancements - jquery solution for calculating minimum container height will be replaced with pure CSS.
// # List of updated plugins
// ------------------------------
[updated] Bootstrap file input - to the latest version
[updated] Select2 - from RC1 to stable 4.0.1 version
// # List of fixed bugs
// ------------------------------
// Core fixes
[fixed] Documentation - correct release date on main page, fixed path to globalize/ library, gulp plugins to install
[fixed] Navbar - added sticky sidebar top spacing if used with fixed top single navbar. To be enhanced in 1.3
[fixed] Fixed sidebar and navbar - removed unnecessary affix code from the page
// Components fixes
[fixed] Centered timeline - extra dots on desktop
[fixed] Datatables Select extension - checkboxes are not selectable
[fixed] Datatables Autofill and Select - wrong columns sorting in examples with checkboxes
[fixed] Select2 selects - selected text overlaps arrow in single select
[fixed] Select2 selects validation - wrong error/success label placement
First update is the most simplified and includes urgent bug fixes of core components, plugins and libraries. Also version 1.1 includes updates of some components to the latest stable versions. The only new thing here is RTL version of all 4 layouts, that support almost all available components and layout features. Below you can find general list of all changes and details about upgrading.
// # List of new components
// ------------------------------
[new] RTL layout for all 4 main layout variations
[new] bootbox.less - new LESS file for extended Bootstrap modal dialogs
// # List of updated plugins
// ------------------------------
[updated] CKEditor - latest version
[updated] Select2 - latest 3.5.x version, 4.0 is coming
[updated] Bootstrap Multiselect - latest version
[updated] Datatables - latest version
// # List of fixed bugs
// ------------------------------
// Core fixes
[fixed] Sidebar - side border overlaped content in light sidebar (layout 1 and 2)
[fixed] Breadcrumbs - in colored version links had wrong background color on hover/active
[fixed] Breadcrumbs - dropdown menu didn't have borders in breadcrumb line component
[fixed] Labels - striped labels didn't have right border variation as supposed to
[fixed] Navbars - unnecessary dropdown menu re-position in navbar component
[fixed] Button groups - extra space between buttons in toolbar
[fixed] Tables - extra border in framed table in responsive table container
// Components fixes
[fixed] Bootstrap Select - wrong rounded corners inside input group
[fixed] Bootstrap Select - no styling of dropdown menu
[fixed] SelectBox - wrong rounded corners inside input group
[fixed] Tags Input - input field didn't have bottom spacing
[fixed] Typeahead - small menu width if text options are too short
[fixed] Sweet alerts - title was too big for motification size
[fixed] Anytime picker - wrong title margin and unnecessary close button
[fixed] jQuery UI Datepicker - extra RTL-related code in less file
[fixed] Fullcalendar - extra RTL-related code in less file
[fixed] Chats - wrong variables in LESS file
[fixed] Dropzone Uploader - success/error markers moved down in thumbnails is name is visible
[fixed] Colors - default BS styles overrided text hover state
[fixed] SelectBox page - extra panel control buttons
flatable is in active development. All updates will be properly documented and explained, to make your upgrade process as easy as possible. In all new updates will be included: bug fixing, new functionality, plugins version control and code improvement. Feel free to contact me if you have any suggestions or requests!
| What | Quantity | Description |
|---|---|---|
| Core files | ||
| Folders | 268 | Folders with files, excluding CKEditor and Starter kit folders |
| HTML files | 249 | Depending on layout, around 249 main HTML files in each layout |
| CSS files | 7 | 4 main CSS files, 2 CSS for icon
fonts and 1
animate.min.css
animation library |
| LESS files | 203 | All LESS files, including Bootstrap core |
| JS files | 896 | All JS files, excluding starter kit and CKEditor folders |
| Image files | 256 | Logos, flag icons and notification icons |
| Other files | ||
| JSON files | 23 | Different demo data sources. For demo purposes |
| CSV files | 11 | Mainly for charts based on
D3.js library. For demo
purposes |
| TSV files | 13 | Mainly for charts based on
D3.js library. For demo
purposes |
| SWF files | 3 | Additional files for datatables TableTools extension and Plupload file uploader |