Limitless - Responsive Web Application Kit

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
// ------------------------------

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

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

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

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

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

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

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

2021 May 25th – Version 3.0

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

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

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

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

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

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

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

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

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

  Uniform.js - in favour of CSS controls
  Switchery - in favour of CSS controls
  Dynamic pagination (bs_pagination.min.js)
  Anytime date/time picker (anytime.min.js)
  Sticky JS library (sticky.min.js)
  Fancybox (fancybox.min.js) - replaced with GLightbox
  Bootstrap switch (bootstrap_switch.min.js) - in favour of CSS controls
  Perfect scrollbar (perfect_scrollbar.min.js) - in favour of custom CSS scrollbars
  LegitRipple (ripple.min.js) - replaced with custom JS component
  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
// ------------------------------

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

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

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

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

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

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

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

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

  Bootstrap 3 version - contact me if you need it
  Dimple charts - outdated and not maintained anymore
  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.