Meet Limitless – responsive web application kit

Limitless – a new professional admin template, based on Bootstrap framework. Limitless is a powerful and super flexible tool, which suits best for any kind of web application. Includes 1 main and 3 alternative layouts, 1000+ commented HTML pages, 1000+ components with different features and options, 100+ plugins and extensions etc. Limitless includes Starter kit – a set of blank pages, that will make your developer’s life much easier. Limitless template is fully responsive, which means that it looks perfect on mobiles and tablets.

Limitless app kit is fully based on LESS pre-processor, includes 100+ commented LESS files. Each file corresponds to a single component, layout, page, plugin or extension – so you can easily find necessary piece of code and edit it for your needs. The package includes both normal and minified CSS files, compiled from LESS.

Also it is translation ready – you can change application language on-the-fly and use other features such as fallback languages, language detection, direct access etc etc. To see examples, follow the main navigation.

Navigation is a powerful thing here. It supports both collapsible and accordion vertical navigation; multi level horizontal navigation with state saving feature. Horizontal navigation is used in navbars and mega menu. Navbar component has been extended and added plugins and components support (form components, buttons, links, menus, progress bars etc.). Mega menu is another song – it can be any color, any width and include any content.

Page and panel headers support a lot of customization options and can include different components, basically all of them are optional (means you can easily remove them from stylesheets by removing a single line in LESS file).

Overall design is harmonious, clean and user friendly. Even though the template has a lot of content, it doesn’t looks messy and all files and code are well structured, commented and divided. Check out the full list of features and go through all the pages. It will take some time though, but you won’t miss anything. Enjoy!

Please, if you found any bugs or have any suggestions and requests – don’t hesitate to let me know, i will do my best to fix those issues as soon as possible. Support is available: Mon – Fri, 9:00 – 20:00 CET

Limitless features

• 4 pre-built layouts
  • Main – dark sidebar and navbars, white page header and breadcrumbs line
  • Second – dark sidebar, light navbar, transparent page header and breadcrumbs line component
  • Third – light sidebar, dark navbar, transparent page header. Sidebar is inside content area
  • Fourth – 2 navbars, horizontal multi level navigation, transparent page header
• Static layout, fixed navbar, fixed footer and fixed sidebar layout options
• Custom and native scrollbars for fixed elemenets
• Liquid and boxed layouts
  • Liquid – 100% width, up to 12 columns and up to 4 sidebars
  • Boxed – fixed centered width, all options from liquid layout
• Custom color system, includes 16 color palettes
• Starter kit for developers – set of blank pages with basic functionality
• Form components
  • Full set of basic form components
  • Styled and native checkboxes/radios/file inputs, toggles and switches
  • Input groups in different sizes, colors and components
  • Twitter typeahead integration, including Bloodhound engine
  • Elastic textarea
  • Masked inputs
  • Input formatters
  • Password generator and password strength indicator
  • Characters counter and limiter
  • Form action buttons
  • Tags inputs with Typeahead and copy/paste support
  • Dual multiple select boxes with single and multiple selections
  • Editable form elements with enhanced support of components and input types
  • Form validation
  • 12 columns responsive grid of input fields
  • Vertical and horizontal form layouts
• Selects
  • Select2 select library with advanced options
  • Bootstrap Multiselect library with different options
  • SelectBoxIt selects library with sizing, styling and other options
  • Bootstrap Select library with live search support
• Wizards
  • Stepy wizard library
  • Form wizard library
  • Steps wizard library
• Editors
  • Summernote rich text editor
  • CKEditor text editor, the most powerful one
  • WYSIHTML5 text editor
  • Ace Code editor with 100+ modes, themes and extensions
• Pickers
  • Date & time – pick-a-date, pick-a-time, anytime, daterange and jQuery UI pickers with options
  • Spectrum Color picker with options
  • Location and address pickers with Google Maps integration
  • Date paginator – date picker with calendar and pagination
• Components
  • Modal dialogs with enhanced options
  • Dropdown menus with advanced styling
  • Tabs and pills components with options
  • Collapsible and accordion components
  • Nav component with options
  • Buttons with styling options and loading spinners/progress bars
  • Tooltips and popovers with options
  • Different display options for alerts
  • Pagination with styling and sizing options
  • Pager with styling and sizing options
  • Labels and badges, including styling options
  • Progress bars in different sizes and styles
  • Page and component loaders with icon spinners and custom loaders
  • Thumbnails with titles, descriptions, components and other options
  • Page header component with supported sizes, styles and elements
  • Breadcrumbs component with supported styles and elements
  • Media lists with options
  • jQuery UI and NoUI sliders with pips, tooltips, color and size options
  • Syntax highlighter with language options
  • Affix and scrollspy components
  • Dynamic tree views with different options and data sources
  • Context menu extension
• Notifications
  • PNotify notifications library
  • Noty notifications
  • jGrowl notifications
• Content panels
  • Panels component with all available options
  • Draggable and sortable panels feature
  • Available panel heading components and styling
• Appearance
  • Available text styling
  • Lists, blockquotes, well blocks, headings and heading components
  • Table with available helper classes
  • 12 columns responsive grid demonstration
  • CSS3 animations based on animate.min.css library
• Icons
  • Basic Bootstrap’s Glyphicons icon font set
  • Default Icomoon icon set
  • Optional Font Awesome library
• Extensions
  • Session and idle timeout tools
  • Velocity.js animations, including UI pack
  • BlockUI library for blocking elements
  • Image cropper with options
  • Fullcalendar library with styling and display options
  • Internationalization library with examples and options
• File uploaders
  • Plupload multiple file uploader
  • Dropzone single and multiple file uploader
  • Bootstrap file input – single and multiple file uploader
• Sidebars
  • Collapsible and hideable default width sidebar
  • Collapsible and hideable mini width sidebar
  • Secondary sidebar with appearance options
  • Opposite sidebar sith appearance options
  • Left, right and sticky detached sidebars
  • Dual and double sidebars options
  • Light and dark sidebars color option
  • Hidden sidebar by default
  • Available components adapted for use in sidebar
• Vertical navigation
  • Collapsible navigation
  • Accordion navigation
  • Optional navigation sizing
  • Bordered navigation style
  • Left and right icons positions
  • Ability to disable certain navigation items
  • Up to 4 levels, can be extended
• Horizontal navigation
  • Open submenu levels on click
  • Open submenu levels on hover
  • Examples of horizontal nav with custom components
  • Using tabs in horizontal navigation
  • Ability to disable certain navigation items
  • Horizontal mega menu with components and options
• Navbars
  • Single top or bottom, static or fixed navbars
  • Multiple navbars
  • Different multiple navbars positions
  • Navbar as a stand alone component
  • Navbar colors options
  • Navbar sizing options
  • Top and bottom hideable navbars
  • Navbar components
  • Main, secondary or both navbars fixed
• Data visualization
  • Native D3.js library charts
  • ECharts library with available chart types
  • Dimple library, built on top of D3.js
  • C3 library, built on top of D3.js
  • Google Charts library
  • Google maps with options and core features
  • Vector maps with visualization options
• Static tables
  • Basic examples of available table options
  • Table sizing options
  • Table borders
  • Table styling
  • Table components
  • Responsive tables
• Data tables
  • Basic initialization examples
  • Datatables styling
  • Advanced examples
  • Sorting options
  • Datatables API usage examples
  • Data sources examples
  • Responsive data tables
  • Columns reorder extension
  • Fixed columns extension
  • Columns visibility extension
  • Table tools extension
  • Scroller extension
• Custom pages kit
  • Task manager – list and grid display options, detailed task page
  • Invoicing – static, editable invoice, invoice grid and archive
  • User cards and user list
  • User profiles with and without cover image
  • Simple and advanced login forms
  • Simple and advanced registration forms
  • Unlock user, password recovery forms
  • Login/registration styling options
  • Left, right and centered timeline
  • Chats layouts and color options
  • Knowledgebase and FAQ pages
  • Search pages kit – mixed, users, images, videos
  • Media gallery with optional titles and descriptions
  • Set of error pages – 403, 404, 405, 500, 503 and offline page
• Continuous development
• Regular updates
• Fast and professional support

Changelog

2022 October 11th – Version 4.0

// # List of new things
// ------------------------------

[new]  Latest Bootstrap 5
[new]  ECharts maps
[new]  Leaflet maps
[new]  Template core is now fully based on vanilla JS
[new]  GridJS - data grid library (pure JS)
[new]  MarkJS - text highlighting library (pure JS)
[new]  QuillJS - powerful text editor (pure JS)
[new]  Autocomplete.js library (pure JS)
[new]  Masked inputs (pure JS)
[new]  Dual listboxes (pure JS)
[new]  Tokenfield (pure JS)
[new]  Universal Datepicker (pure JS)
[new]  Limitless is now fully based on CSS variables
[new]  Dark theme support with system preference configuration
[new]  Dark theme on component level (dark components in light theme and vice versa)
[new]  New default icon set
[new]  New font family
[new]  Refreshed UI

// # List of improvements
// ------------------------------

[improved]  File structure - RTL and themes don't include separate set of HTML files
[improved]  Default and dark themes
[improved]  Navbar components
[improved]  Better responsive navbars
[improved]  Horizontal and vertical navigation styles
[improved]  Localisation is now dependency free
[improved]  Improved chart themes
[improved]  Improved color system
[improved]  Improved sidebar navigation
[improved]  CKEditor styling
[improved]  Cards on mobile
[improved]  Improved collapsible elements on mobile
[improved]  Improved JS core (app.js file)
[improved]  Documentation
[improved]  Extended helpers and utilities

// # List of updates
// ------------------------------

[updated]  Dev dependencies
[updated]  ECharts - echarts.min.js - to 5.4.0
[updated]  Bootstrap - SCSS and bootstrap.bundle.min.js - to 5.2.2
[updated]  jQuery - jQuery.min.js - to 3.6.1
[updated]  Ace.js - ace.js and related - to 1.11.2
[updated]  Trumbowyg - trumbowyg.min.js and related - to 2.25.2
[updated]  Validation - validate.min.js and related - to 1.19.5
[updated]  i18Next - i18next.min.js and related - to 21.9.2
[updated]  ECharts - echarts.min.js - to 5.4.0
[updated]  Image cropper - cropper.min.js - to 1.5.12
[updated]  GLightbox - glightbox.min.js - to 3.2.0
[updated]  Bootbox - bootbox.min.js - to 5.5.3
[updated]  SweetAlert2 - sweet_alert.min.js - to 11.4.37
[updated]  NoUI slider - nouislider.min.js - to 15.6.1
[updated]  Datatables - datatables.min.js - to 1.12.1 (including all extensions)
[updated]  Fancytree - fancytree_all.min.js and related - to 2.38.2
[updated]  Fullcalendar - main.min.js and related - to 5.11.3
[updated]  MomentJS - moment.min.js and moment_locales.min.js - to 2.29.4
[updated]  PrismJS - prism.min.js - to 1.23.0
[updated]  File input - fileinput.min.js and plugins - to 5.5.1
[updated]  Dropzone - dropzone.min.js - to 6.0.0

// # List of removed things
// ------------------------------

[removed]  Alpaca - not maintained
[removed]  jQueryUI - not maintained
[removed]  jQuery UI slider pips - related to jQueryUI
[removed]  Jasny Bootstrap library - not maintained
[removed]  Dual listbox - replaced with vanilla JS version
[removed]  Form input formatter - replaced with MaskJS
[removed]  Touchspin - not maintained, replaced with regular inputs
[removed]  Bootstrap tagsinput - outdated and not maintained
[removed]  Tokenfield - replaced with vanilla JS version
[removed]  Summernote - bugs, replaced with QuillJS
[removed]  PaceJS - in favour of custom JS solutions
[removed]  blockUI - useful, but not maintained
[removed]  Context menu - no Bootstrap 5 support
[removed]  Bootstrap hover dropdown
[removed]  Bootstrap dynamic pagination - not maintained
[removed]  jGrowl - not maintained
[removed]  PNotify - very heavy library
[removed]  Location picker - not maintained
[removed]  Address picker - not maintained
[removed]  Anytime and pick-a-date pickers - replaced with vanilla JS datepicker
[removed]  Footable - in favour of responsive datatables
[removed]  SlinkyJS - replaced with native Bootstrap navigation
[removed]  Bootstrap progress bars - not maintained
[removed]  LaddaJS - in favour of custom JS solutions
[removed]  jVectorMap - replaced with ECharts maps

2021 May 25th – Version 3.0

// # List of new things
// ------------------------------

[new]  New child layout
[new]  ECharts maps
[new]  Dynamic “Back to top” button
[new]  Sliding panels
[new]  Design system and UI library for Sketch
[new]  Filled inputs in Material theme
[new]  CSS driven floating labels in Material theme
[new]  Material theme - ripple effect in form controls
[new]  Dark theme redesign
[new]  Custom responsive navbars
[new]  New tabbed horizontal navigation layout
[new]  New sidebar structure with custom sticky areas and independent scrolling
[new]  New lightbox library
[new]  Added responsive dropdown behaviour to navbars. Now you can control dropdown visibility on mobile
[new]  Added 2 vertical directions to conversation layouts: top and bottom. JS free
[new]  Custom CSS scrollbars with OS detection

// # List of fixes
// ------------------------------

[fixed]  User menu in navbar - If user name is empty, navigation item has wrong height
[fixed]  Footers in layout 5 don’t support boxed layouts
[fixed]  IE11 - .flex-0 utility class doesn’t work properly
[fixed]  Screen black after close sweet toast callback
[fixed]  Wrong SCSS calculations in navbar sizes
[fixed]  Logo in different navbar sizes has incorrect vertical alignment
[fixed]  Responsive tables - styles are missed for default and material themes
[fixed]  Placeholder in multiple Select2 is not visible
[fixed]  FAB - visible labels break the component if it's triggered on hover
[fixed]  In vertical tabs right aligned tabs shrink if content is short
[fixed]  Fixed bug with chart resizing when layout has multiple sidebars
[fixed]  Google Geo chart is not displayed
[fixed]  Stagerred tornado chart - fixed bug with resize
[fixed]  CKEditor always has unwanted scrollbar
[fixed]  Input icon disappears when input in input group is in focus
[fixed]  Z-index conflict between sidebars and static navbars
[fixed]  Labeled buttons have incorrect icon size calculation
[fixed]  Handsontable variables still exist in _variables-custom.scss
[fixed]  LG/XL modals are larger than screen size on mobile
[fixed]  IE11 - navbar has incorrect flex stretching and user menu gets hidden
[fixed]  Scrollable dropdown with .dropdown-scrollable class hides submenus
[fixed]  Outline buttons don’t have background color if button is a dropdown trigger
[fixed]  Improved and extended CSS form controls
[fixed]  Summernote air mode color picker is broken
[fixed]  Summernote in RTL version - table dimension picker is broken
[fixed]  CKEditor SCSS files are missing in some layout in /compile/
[fixed]  Bootstrap file input. Modal in RTL has wrong navigation icons
[fixed]  Bootstrap multi select - disabled items are still clickable in certain use cases
[fixed]  Dropdown submenu doesn’t take 100% width of its parent
[fixed]  All sticky elements are now 100% CSS driven

// # List of improvements
// ------------------------------

[improved]  BREAKING CHANGE - default layout behaviour is changed from static to fixed in layouts 1 and 2. Layout is based on containers with independent scrollbars to support very complex layouts. Static layout is now optional and requires class=“layout-static” in HTML tag.
[improved]  BREAKING CHANGE - significantly revised color system
[improved]  BEAKING CHANGE - Significantly Improved sidebar resize and toggle options. The logic, JS and class names have been changed. Now sidebars can be toggled from any container, including sidebar itself
[improved]  Moved away from cards in sidebars, now all sidebar sections have their own containers
[improved]  Components in dark theme
[improved]  Added hover/focus/active states to buttons and form inputs
[improved]  List group component
[improved]  Mini sidebar behaviour
[improved]  Refactored and improved buttons
[improved]  Now mini sidebar can be used on any breakpoint
[improved]  Navigation with underline on desktop and mobile
[improved]  Default font size and general typography
[improved]  Change default breakpoint from md to lg and made them consistent across layouts
[improved]  Renamed color system classes (*-alpha|*-light-alpha|*-dark-alpha to *-100)
[improved]  Draggable cards - replaced jQuery UI Sortable with custom vanilla JS component
[improved]  Added custom search field to navbar
[improved]  Refactored JS code responsible for sidebar toggling
[improved]  Refactored and improved core JS in app.js
[improved]  Added form control usage examples in both light and dark navbars
[improved]  Extended helpers classes
[improved]  Embedded color system in the core and removed all related SCSS/CSS files (_colors.scss and _palette.scss)
[improved]  Added an option to collapse and expand main sidebar
[improved]  Added contextual classes to custom form controls
[improved]  Removed blockui.min.js from default template config and replaced its functionality with custom component
[improved]  Improved card controls and refactored JS related to reload/close/toggle
[improved]  Replaced Uniform and Switchery with pure CSS controls
[improved]  Form controls in material theme
[improved]  Improved line height calculation, now they round up decimals
[improved]  Added a set of useful SCSS functions (_ll-functions.scss)
[improved]  Custom forms in input groups
[improved]  Removed layout related options in _config.scss to avoid double configuration in gulp file and SCSS ($direction, $layout, $theme variables)
[improved]  Made custom shadow classes available for all themes. It was a part of material theme only
[improved]  Replaced custom JS scrollbars with CSS driven
[improved]  Responsive layout
[improved]  Bunch of improvements in RTL
[improved]  Fancybox is replaced with more lightweight and flexible component
[improved]  Improved form controls in dropdown menu
[improved]  Error pages - design update
[improved]  User profile - design update
[improved]  Changed layout structure in Layout #5 to support sticky navbars and have more flexibility in top section
[improved]  Improved form validation (both markup and JS config)
[improved]  Documentation
[improved]  Datatables - removed Select2 dependency for selects

// # List of updates
// ------------------------------

[updated]  Dev dependencies
[updated]  ECharts - echarts.min.js - to 4.9.0
[updated]  Bootstrap - SCSS and bootstrap.bundle.min.js - to 4.6.0
[updated]  jQuery - jQuery.min.js - to 3.6.0
[updated]  Fullcalendar - to 5.7.0
[updated]  Pick-a-date - picker.js, picker.time.js, picker.date.js - to 3.6.4
[updated]  File input - fileinput.min.js - to 5.1.5
[updated]  Velocity animation engine - velocity.min.js and velocityui.min.js - to 1.5.2
[updated]  Daterange picker - daterangepicker.js - to 3.1
[updated]  Bootbox alerts - bootbox.min.js - to 5.4.0
[updated]  Validation - validate.min.js - to 1.19.2
[updated]  Ace code editor - to 1.4.12
[updated]  Summernote text editor - summernote.js - to 0.8.18
[updated]  Trumbowyg text editor - trumbowyg.min.js - to 2.23.0
[updated]  Maxlength - maxlength.min.js - to 1.10.0
[updated]  Touchspin - touchspin.min.js - to 4.3.0
[updated]  Bootstrap Multiselect - bootstrap_multiselect.js - custom version
[updated]  Select2 - select2,min.js - to 4.0.13
[updated]  i18Next - i18next.min.js and related - to the latest version
[updated]  Image cropper - cropper.min.js - to 4.1.0
[updated]  Noty notifications engine - noty.min.js - to 3.2.0
[updated]  SweetSlert - sweet_alert.min.js - to 10.16.7 (to support IE11). You can use version 11 if you don’t need IE11 and legacy Edge support, CSS is compatible
[updated]  Color picker - spectrum.min.js - to 1.8.1
[updated]  ION range slider - ion_rangeslider.min.js - to 2.3.1
[updated]  NoUI slider - nouislider.min.js - to 15.11.0
[updated]  Datatables - datatables.min.js - to 1.10.24 (including all extensions)
[updated]  Fancytree - fancytree_all.min.js - to 2.37.0
[updated]  Dragula drag and drop library - dragula.min.js - to 3.7.3
[updated]  Syntax highlighter - prism.min.js - to 1.23.0
[updated]  Custom file uploader - fileinput.min.js - to 5.2.1 (including all plugins)
[updated]  Dropzone file uploader - dropzone.min.js - to 5.7.2
[updated]  Date/time formatting - moment.min.js - to 2.29.1

// # List of removed things
// ------------------------------

[removed]  Uniform.js - in favour of CSS controls
[removed]  Switchery - in favour of CSS controls
[removed]  Dynamic pagination (bs_pagination.min.js)
[removed]  Anytime date/time picker (anytime.min.js)
[removed]  Sticky JS library (sticky.min.js)
[removed]  Fancybox (fancybox.min.js) - replaced with GLightbox
[removed]  Bootstrap switch (bootstrap_switch.min.js) - in favour of CSS controls
[removed]  Perfect scrollbar (perfect_scrollbar.min.js) - in favour of custom CSS scrollbars
[removed]  LegitRipple (ripple.min.js) - replaced with custom JS component
[removed]  Datatables fixed header component due to the endless number of bugs. Will be replaced with pure CSS solution

2019 November 10rd – Version 2.3

// # List of new things
// ------------------------------

[new]  Dark theme
[new]  SweetAlert toasts
[new]  selection.json file for Icomoon icon set (to edit current set and generate new font)

// # List of updates
// ------------------------------

[updated]  Select2 - select2.min.js - to 4.0.10
[updated]  Form validation - validate.min.js - to 1.19.1
[updated]  Fullcalendar - fullcalendar.min.js - to 4.3.1
[updated]  File input - fileinput.min.js - to 5.0.6
[updated]  Dropzone - dropzone.min.js - to 5.5.0
[updated]  C3.js - c3.min.js - to 0.4.22
[updated]  Footable - footable.min.js - to 3.1.6
[updated]  Trumbowyg editor - trumbowyg.min.js and related - to 2.20.0
[updated]  Summernote - summernote.min.js - to 0.8.12
[updated]  Sweet Alert - sweet_alert.min.js - to 8.16.0
[updated]  NoUI slider - nouislider.min.js - to 14.0.2
[updated]  CKEditor - ckeditor.js - to 4.12.1
[updated]  i18next - i18next.min.js and related - to 19.0.0
[updated]  Moment.js - moment.min.js - to 2.24.0
[updated]  gulpfile.js and package.json - updated dependencies to support latest version gulp version

// # List of fixes
// ------------------------------

[fixed]  Scrollbars are always visible in sidebar
[fixed]  Datatables - Copy dialog styling is missing
[fixed]  Remove $table-dark-color duplicate
[fixed]  Nav links show dotted borders in FF
[fixed]  Summernote - sticky toolbar is hidden
[fixed]  PNotify - bottom stacks are broken on mobile
[fixed]  Update bootstrap.bundle.min.js to latest
[fixed]  Dropdown items have smaller height in icons list
[fixed]  Custom select has wrong right padding
[fixed]  Fixed ECharts resizing bug if charts are loaded from multiple JS files
[fixed]  Custom controls have extra shadow on focus
[fixed]  Content sidebar overlaps main sidebar on mobile
[fixed]  File input - xixed wrong vertical alignment in file selector
[fixed]  jQuery UI - fixed border radius in combo autocomplete
[fixed]  Fixed double background color in Inbox toolbars
[fixed]  Vertical lines are always centered in timelines
[fixed]  Mega menu dropdown positioning in RTL layout
[fixed]  Summernote - image editor styling is broken
[fixed]  RTL - mega menu with table displayed incorrectly

// # List of improvements
// ------------------------------

[improved]  Added support for custom CKEditor themes and setup SCSS compilation (including new gulp task)
[improved]  All chart configurations are now moved to separate files
[improved]  Refactored SCSS files (replaced hard coded values with variables and cleaned up the code)
[improved]  Improved custom controls styling
[improved]  Google charts styling
[improved]  Improved D3.js charts styling config in JS and SCSS
[improved]  Replaced jQuery code with vanilla JS in chart configs
[improved]  Folder structure in global assets
[improved]  Dashboard JS configs
[improved]  jQuery UI Datepicker - improved font styles in month and year selects
[improved]  Improved toast component styling
[improved]  Bunch of RTL improvements
[improved]  Documentation

// # List of removed things
// ------------------------------

[removed]  Bootstrap 3 version - contact me if you need it
[removed]  Dimple charts - outdated and not maintained anymore
[removed]  Handsontable - the team merged free and premium versions and latest releases require license for commercial projects issued per developer. Latest free version is full of bugs and not maintained anymore.