MaterialMe Documentation

MaterialMe is a admin template based on materializecss. Builded with CSS and jQuery.

Theme Files

Html Files

  • index.html: Index page
  • dashboard.html: Admin Dashboard page
  • buttons.html: Buttons page
  • badges.html: Badges page
  • breadcrumbs.html: Breadcrumbs page
  • collections.html: Collections page
  • collapsibles.html: Collapsibles page
  • tabs.html: Tabs page
  • pagination.html: Pagination page
  • preloader.html: Preloader page
  • toasts.html: Toasts page
  • tooltip.html: Tooltip page
  • waves.html: Waves page
  • typography.html: Typography page
  • icons.html: Google material icons page
  • animations.html: Animations css page
  • shadow.html: Box shadow page
  • media.html: CSS media page
  • chips.html: Chips page
  • cards.html: Cards page
  • carousel.html: Owl carousel page
  • modals.html: Modals page
  • range-slider.html: Range Slider page
  • sweetAlert.html: SweetAlert page
  • highlight.html: Prism syntax highlight page
  • chartjs.html: Chart JS page
  • chartist.html: Chartist page
  • morris-charts.html: Morris Charts page
  • sparkline-charts.html: Sparkline Charts page
  • NVD3-charts.html: NVD3 Charts page
  • form-elements.html: Form Elements page
  • form-layouts.html: Form Layouts page
  • form-validations.html: Form Validations page
  • html-form-validations.html: HTML Form Validations page
  • form-masks.html: Form Masks page
  • text-editor.html: Text Editor page
  • basic-table.html: Basic Tables page
  • data-table.html: Data Tables page
  • index.html: Landing page
  • login.html: Login page
  • signup.html: Signup page
  • reset.html: Reset page
  • lock.html: Screen lock page
  • change-password.html: Change Password page
  • contactus.html: Contactus page
  • blank.html: Landing blank page
  • 404.html: 404 page not found page for landing page
  • 500.html: 500 server error page for landing page
  • 404-dashboard.html: 404 error page for dashboard page
  • 500-dashboard.html: 500 error page for dashboard page
  • blank.html: Dashboard blank page
  • search.html: Search page
  • grid.html: Grid page
  • color.html: Color page
  • widgets.html: widgets page
  • helpers.html: Helpers page
  • docs.html: MaterialMe docs page

Css Files

  • app-style.css: Theme styles
  • app-theme.css: Theme color styles
  • materialize.min.css: materialize css
  • plugins: Plugins folder
    • Prism highlighter: Prism syntax highlighter
      • prism.css: Main File
    • Animate css: Animate css plugin
      • animate.min.css: Main File
    • Sweetalert: Alert jquery plugin
      • sweetalert.css: Main File
    • owlcarousel2: Carousel jquery plugin
      • owl.carousel.min.css: Main File
      • owl.theme.default.min.css: Owl theme File
    • chartist: Chart jquery plugin
      • chartist.min.css: Main File
    • morris chart: Chart jquery plugin
      • morris.css: Main File
    • nvd3 chart: Chart jquery plugin
      • nv.d3.min.css: Main File
    • quill text editor: Web text editor jquery plugin
      • quill.snow.css: Main File
    • Data tables: Table jquery plugin
      • jquery.dataTables.min.css: Main File

Javascript Files

  • init.js: Theme js
  • jquery.min.js: jquery javascript plugin
  • materialize.min.js:materialize js file
  • plugins: Plugins folder
    • Chartjs: Chart jquery plugin
      • Chart.min.js: Main file
    • Prism highlighter: Prism syntax highlighter
      • prism.js: Main file
    • Sweetalert: Alert jquery plugin
      • sweetalert.min.js: Main file
    • chartist chart: Chart jquery plugin
      • chartist.min.js: Main file
    • morris chart: Chart jquery plugin
      • morris.min.js: Main file
      • raphael.min.js: raphael js file(dependency on morris chart)
    • sparkline chart: Chart jquery plugin
      • jquery.sparkline.min.js: Main file
    • nvd3 and d3 chart: Chart jquery plugin
      • d3.min.js: d3 Main file
      • nv.d3.min.js: ndv3 Main file
    • owlcarousel2: Carousel jquery plugin
      • owl.carousel.min.js: Main file
    • jQuery Validation: Form validater jquery plugin
      • jquery.validate.min.js: Main file
    • Jquery formatter: Form formatter jquery plugin
      • jquery.formatter.min.js: Main file
    • quill text editor: Web text editor jquery plugin
      • quill.min.js: Main file
    • Data table : Table jquery plugin
      • jquery.dataTables.min.js: Main file

Source and Plugins

Plugin Website Licence
materializecss Framework http://materializecss.com MIT
jQuery JavaScript Library http://jquery.com MIT
Google Material icons https://material.io/icons/ Apache 2.0
quilljs Text editor https://quilljs.com/ BSD
Chartist http://gionkunz.github.io/chartist-js WTFPL
chartjs http://www.chartjs.org/ MIT
Sparklines http://omnipotent.net/jquery.sparkline BSD
Datatables https://www.datatables.net/ Multi
Sweet Alerts http://t4t5.github.io/sweetalert/ MIT
animate.css https://daneden.github.io/animate.css/ MIT
formatter.js http://firstopinion.github.io/formatter.js/ MIT
jquery-validation https://jqueryvalidation.org/ MIT
morris.js http://morrisjs.github.io/morris.js/ BSD
nvd3 http://nvd3.org/ Apache 2.0
OwlCarousel https://owlcarousel2.github.io/OwlCarousel2/ MIT
Prism syntax highlighter http://prismjs.com/ MIT
rangeSlider http://ionden.com/a/plugins/ion.rangeSlider/en.html MIT