Materialic is a modern Bootstrap 4 dashboard template inspired by the Material design.

It contains many useful UI elements, awesome JavaScript plugins integrations to kickstart your development.

This template comes with 23 HTML page templates, all of them in 6 colour variants. SASS files are also prepared for you in the download.

Pages included in this template:

  • Main dashboard with 14 different widget types
  • Basic demo tables - 4 demo table styles
  • Data Table - advanced data table with ordering, filtering, pagination
  • Charts - Custom styled line charts, bar charts, doughnut, pie chart and more
  • Gauge charts and Sparkline charts
  • Forms screen - showcase of all custom styled form elements you can use, including custom checkboxes, radios, animated form labels and more
  • Advanced forms - a set of advanced form elements - slider, Bootstrap select, multiselect, datepicker, input for tags, input masks
  • Autocomplete forms - a set of implementations of autocomplete form controls
  • WYSIWYG text editor
  • Multiple files upload- upload multiple files with image previews using a Dropzone field
  • Calendar
  • Notifications - page demonstrating automatically disappearing user messages
  • Loading buttons
  • Preloaders - a demonstration of possible preloader animations
  • Gallery - a page with lightbox gallery
  • Cards - a showcase of many possible card implementations
  • Login screen with a full-screen background image
  • Sign-up screen


  • Fully responsive
  • Latest Bootstrap 4.1.3
  • Bootstrap sidebar with great UI
  • Html5, CSS3. Usage of modern approaches - flexbox, pseudoelements, etc.
  • Well-structured code
  • SEO friendly
  • Cross-browser compatibility (Chrome, Safari, Firefox, IE 10+, Opera)


Version 1.4.4 - 2018/07/31

Both versions

  • updated: Bootstrap to 4.1.3

Premium version

  • updated plugins: DataTables, Ladda, Dropzone
  • fixed: downgraded Ladda to 1.0.6 to fix compatibility issues
  • new pages: Profile (pages-profile.html), Contacts (pages-contacts.html), Pricing table (pages-pricing.html)

Version 1.4.3 - 2018/05/14

  • updated: Bootstrap to 4.1.1
  • fixed: - navbar display issues on the smallest screens
  • updated plugins: Bootstrap Touchspin, Bootstrap Select, Ladda
  • updated: forms-advanced.js - wrapped NoUI Slider initialization in the function that checks its existence

Version 1.4.2 - 2018/04/19

Both versions

  • updated: Bootstrap to 4.1.0
  • updated plugins: PopperJs
  • updated CSS: .btn:focus:active now adheres to the primary colour

Premium version

  • updated plugins: NoUI Slider, Bootstrap Datepicker, Bootstrap Touchspin (initialization changed a bit in js/forms-advanced.js, also stylesheet changed - .input-group-addon removed), GaugeJS
  • fixed: path to DataTable CSS

Version 1.4.1 - 2018/03/28

Both versions

  • updated plugins: ChartJS, Popper.js
  • added: form validation in login.html, register.html

Premium version

  • updated plugins: Dropzone, Full Calendar, Moment
  • fixed: Dropzone was missing dropzone.min.js after last update, added this plugin
  • fixed: Multiselect was missing one image, added multiselect-switch.png to img, corrected path in CSS
  • new: forms-validation.html - demo for of JavaScript validation possibilities, including validating the Summernote editor

Version 1.4.0 - 2018/03/02

Both versions

  • added a language dropdown to the navbar
  • updated plugins: jQuery

Premium version

  • added Google maps components
  • updated plugins: Dropzone, Ladda, NoUI Slider, Summernote

Version 1.3.2 - 2018/01/25

  • updated to Boostrap 4.0.0

More by ondrique

Sign in or sign up to make a purchase


Licenses: Details »

Single application $19
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts: n/a
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Topic: General
Labels: admin, dashboard, elegant, material
Released:8 months ago
Updated:4 months ago


Signed up 4 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation