File Structure

Material Dashboard PRO Laravel is a premium frontend preset for Laravel with Bootstrap 4 Admin Template.

Material Dashboard PRO Laravel Structure

Once you have downloaded the archive and opened it, you will find the following structure:


  ├── material-dashboard-pro-laravel
    |   artisan
    |   composer.json
    |   composer.lock
    |   package.json
    |   phpunit.xml
    |   README.md
    |   server.php
    |   yarn.lock
    |   CHANGELOG.md
    |
    +---app
    |   |   Category.php
    |   |   Item.php
    |   |   Role.php
    |   |   Tag.php
    |   |   User.php
    |   |   
    |   +---Console
    |   |       Kernel.php
    |   |       
    |   +---Exceptions
    |   |       Handler.php
    |   |       
    |   +---Http
    |   |   |   Kernel.php
    |   |   |   
    |   |   +---Controllers
    |   |   |   |   CategoryController.php
    |   |   |   |   ComponentPagesController.php
    |   |   |   |   Controller.php
    |   |   |   |   ExamplePagesController.php
    |   |   |   |   FormPagesController.php
    |   |   |   |   HomeController.php
    |   |   |   |   ItemController.php
    |   |   |   |   MapPagesController.php
    |   |   |   |   ProfileController.php
    |   |   |   |   RoleController.php
    |   |   |   |   TablePagesController.php
    |   |   |   |   TagController.php
    |   |   |   |   UserController.php
    |   |   |   |   
    |   |   |   \---Auth
    |   |   |           ForgotPasswordController.php
    |   |   |           LoginController.php
    |   |   |           RegisterController.php
    |   |   |           ResetPasswordController.php
    |   |   |           VerificationController.php
    |   |   |           
    |   |   +---Middleware
    |   |   |       Authenticate.php
    |   |   |       CheckForMaintenanceMode.php
    |   |   |       EncryptCookies.php
    |   |   |       RedirectIfAuthenticated.php
    |   |   |       TrimStrings.php
    |   |   |       TrustProxies.php
    |   |   |       VerifyCsrfToken.php
    |   |   |       
    |   |   \---Requests
    |   |           CategoryRequest.php
    |   |           ItemRequest.php
    |   |           PasswordRequest.php
    |   |           ProfileRequest.php
    |   |           RoleRequest.php
    |   |           TagRequest.php
    |   |           UserRequest.php
    |   |           
    |   +---Observers
    |   |       ItemObserver.php
    |   |       UserObserver.php
    |   |       
    |   +---Policies
    |   |       CategoryPolicy.php
    |   |       ItemPolicy.php
    |   |       RolePolicy.php
    |   |       TagPolicy.php
    |   |       UserPolicy.php
    |   |       
    |   +---Providers
    |   |       AppServiceProvider.php
    |   |       AuthServiceProvider.php
    |   |       BroadcastServiceProvider.php
    |   |       EventServiceProvider.php
    |   |       RouteServiceProvider.php
    |   |       
    |   \---Rules
    |           CurrentPasswordCheckRule.php
    |           
    +---config
    |       app.php
    |       auth.php
    |       broadcasting.php
    |       cache.php
    |       database.php
    |       filesystems.php
    |       hashing.php
    |       items.php
    |       logging.php
    |       mail.php
    |       queue.php
    |       services.php
    |       session.php
    |       view.php
    |       
    +---database
    |   |   
    |   |   
    |   +---factories
    |   |       UserFactory.php
    |   |       
    |   +---migrations
    |   |       2014_10_12_100000_create_password_resets_table.php
    |   |       2019_01_15_100000_create_roles_table.php
    |   |       2019_01_15_110000_create_users_table.php
    |   |       2019_01_17_121504_create_categories_table.php
    |   |       2019_01_21_130422_create_tags_table.php
    |   |       2019_01_21_163402_create_items_table.php
    |   |       2019_01_21_163414_create_item_tag_table.php
    |   |       2019_03_06_132557_add_photo_column_to_users_table.php
    |   |       2019_03_06_143255_add_fields_to_items_table.php
    |   |       2019_03_20_090438_add_color_tags_table.php
    |   |       
    |   \---seeds
    |           CategoriesTableSeeder.php
    |           DatabaseSeeder.php
    |           ItemsTableSeeder.php
    |           RolesTableSeeder.php
    |           TagsTableSeeder.php
    |           UsersTableSeeder.php
    |           
    +---public
    |   |   .htaccess
    |   |   favicon.ico
    |   |   index.php
    |   |   
    |   +---css
    |   |       app.css
    |   |       
    |   +---js
    |   |       app.js
    |   |       
    |   +---material
    |   |   +---css
    |   |   |   |   material-dashboard.css
    |   |   |   |   material-dashboard.css.map
    |   |   |   |   material-dashboard.min.css
    |   |   |   |   
    |   |   |   \---partials
    |   |   |       +---dashboard
    |   |   |       |   \---core
    |   |   |       |       \---bootstrap
    |   |   |       |           \---scss
    |   |   |       |                   bootstrap-grid.css
    |   |   |       |                   bootstrap-grid.css.map
    |   |   |       |                   bootstrap-reboot.css
    |   |   |       |                   bootstrap-reboot.css.map
    |   |   |       |                   bootstrap.css
    |   |   |       |                   bootstrap.css.map
    |   |   |       |                   
    |   |   |       \---kit
    |   |   |           \---core
    |   |   |               \---bootstrap
    |   |   |                   \---scss
    |   |   |                           bootstrap-grid.css
    |   |   |                           bootstrap-grid.css.map
    |   |   |                           bootstrap-reboot.css
    |   |   |                           bootstrap-reboot.css.map
    |   |   |                           bootstrap.css
    |   |   |                           bootstrap.css.map
    |   |   |                           
    |   |   +---demo
    |   |   |       demo.css
    |   |   |       demo.js
    |   |   |       
    |   |   +---img
    |   |   |   |   apple-icon.png
    |   |   |   |   bg-pricing.jpg
    |   |   |   |   bg3.jpg
    |   |   |   |   bg9.jpg
    |   |   |   |   card-1.jpeg
    |   |   |   |   card-1.jpg
    |   |   |   |   card-2.jpeg
    |   |   |   |   card-2.jpg
    |   |   |   |   card-3.jpeg
    |   |   |   |   card-3.jpg
    |   |   |   |   clint-mckoy.jpg
    |   |   |   |   default-avatar.png
    |   |   |   |   favicon.png
    |   |   |   |   header-doc.jpg
    |   |   |   |   image_placeholder.jpg
    |   |   |   |   laravel.svg
    |   |   |   |   lock.jpg
    |   |   |   |   login.jpg
    |   |   |   |   mask.png
    |   |   |   |   new_logo.png
    |   |   |   |   placeholder.jpg
    |   |   |   |   product1.jpg
    |   |   |   |   product2.jpg
    |   |   |   |   product3.jpg
    |   |   |   |   register.jpg
    |   |   |   |   sidebar-1.jpg
    |   |   |   |   sidebar-2.jpg
    |   |   |   |   sidebar-3.jpg
    |   |   |   |   sidebar-4.jpg
    |   |   |   |   
    |   |   |   +---faces
    |   |   |   |       avatar.jpg
    |   |   |   |       card-profile1-square.jpg
    |   |   |   |       card-profile2-square.jpg
    |   |   |   |       marc.jpg
    |   |   |   |       
    |   |   |   \---flags
    |   |   |           AU.png
    |   |   |           BR.png
    |   |   |           DE.png
    |   |   |           GB.png
    |   |   |           RO.png
    |   |   |           US.png
    |   |   |           
    |   |   +---js
    |   |   |   |   application.js
    |   |   |   |   material-dashboard.js
    |   |   |   |   material-dashboard.js.map
    |   |   |   |   material-dashboard.min.js
    |   |   |   |   
    |   |   |   +---core
    |   |   |   |       bootstrap-material-design.min.js
    |   |   |   |       jquery.min.js
    |   |   |   |       popper.min.js
    |   |   |   |       
    |   |   |   \---plugins
    |   |   |           arrive.min.js
    |   |   |           bootstrap-datetimepicker.min.js
    |   |   |           bootstrap-notify.js
    |   |   |           bootstrap-selectpicker.js
    |   |   |           bootstrap-tagsinput.js
    |   |   |           chartist.min.js
    |   |   |           fullcalendar.min.js
    |   |   |           jasny-bootstrap.min.js
    |   |   |           jquery-jvectormap.js
    |   |   |           jquery.bootstrap-wizard.js
    |   |   |           jquery.dataTables.min.js
    |   |   |           jquery.tagsinput.js
    |   |   |           jquery.validate.min.js
    |   |   |           moment.min.js
    |   |   |           nouislider.min.js
    |   |   |           perfect-scrollbar.jquery.min.js
    |   |   |           sweetalert2.js
    |   |   |           
    |   |   \---scss
    |   |       |   material-dashboard.scss
    |   |       |   
    |   |       \---material-dashboard
    |   |           |   _alerts.scss
    |   |           |   _badges.scss
    |   |           |   _buttons.scss
    |   |           |   _cards.scss
    |   |           |   _checkboxes.scss
    |   |           |   _core-bootstrap.scss
    |   |           |   _dropdown.scss
    |   |           |   _example-pages.scss
    |   |           |   _fixed-plugin.scss
    |   |           |   _footers-extend.scss
    |   |           |   _footers.scss
    |   |           |   _forms-extend.scss
    |   |           |   _forms.scss
    |   |           |   _headers.scss
    |   |           |   _images.scss
    |   |           |   _info-areas.scss
    |   |           |   _input-group.scss
    |   |           |   _misc-extend.scss
    |   |           |   _misc.scss
    |   |           |   _mixins.scss
    |   |           |   _modal.scss
    |   |           |   _navbar.scss
    |   |           |   _pages.scss
    |   |           |   _pagination.scss
    |   |           |   _pills.scss
    |   |           |   _popover.scss
    |   |           |   _popups.scss
    |   |           |   _progress.scss
    |   |           |   _radios.scss
    |   |           |   _responsive.scss
    |   |           |   _ripples.scss
    |   |           |   _rtl.scss
    |   |           |   _sidebar-and-main-panel.scss
    |   |           |   _social-buttons.scss
    |   |           |   _tables.scss
    |   |           |   _tabs.scss
    |   |           |   _timeline.scss
    |   |           |   _togglebutton.scss
    |   |           |   _tooltip.scss
    |   |           |   _type.scss
    |   |           |   _variables.scss
    |   |           |   
    |   |           +---bootstrap
    |   |           |   \---scss
    |   |           |       |   bootstrap-grid.scss
    |   |           |       |   bootstrap-reboot.scss
    |   |           |       |   bootstrap.scss
    |   |           |       |   _alert.scss
    |   |           |       |   _badge.scss
    |   |           |       |   _breadcrumb.scss
    |   |           |       |   _button-group.scss
    |   |           |       |   _buttons.scss
    |   |           |       |   _card.scss
    |   |           |       |   _carousel.scss
    |   |           |       |   _close.scss
    |   |           |       |   _code.scss
    |   |           |       |   _custom-forms.scss
    |   |           |       |   _dropdown.scss
    |   |           |       |   _forms.scss
    |   |           |       |   _functions.scss
    |   |           |       |   _grid.scss
    |   |           |       |   _images.scss
    |   |           |       |   _input-group.scss
    |   |           |       |   _jumbotron.scss
    |   |           |       |   _list-group.scss
    |   |           |       |   _media.scss
    |   |           |       |   _mixins.scss
    |   |           |       |   _modal.scss
    |   |           |       |   _nav.scss
    |   |           |       |   _navbar.scss
    |   |           |       |   _pagination.scss
    |   |           |       |   _popover.scss
    |   |           |       |   _print.scss
    |   |           |       |   _progress.scss
    |   |           |       |   _reboot.scss
    |   |           |       |   _root.scss
    |   |           |       |   _tables.scss
    |   |           |       |   _tooltip.scss
    |   |           |       |   _transitions.scss
    |   |           |       |   _type.scss
    |   |           |       |   _utilities.scss
    |   |           |       |   _variables.scss
    |   |           |       |   
    |   |           |       +---mixins
    |   |           |       |       _alert.scss
    |   |           |       |       _background-variant.scss
    |   |           |       |       _badge.scss
    |   |           |       |       _border-radius.scss
    |   |           |       |       _box-shadow.scss
    |   |           |       |       _breakpoints.scss
    |   |           |       |       _buttons.scss
    |   |           |       |       _caret.scss
    |   |           |       |       _clearfix.scss
    |   |           |       |       _float.scss
    |   |           |       |       _forms.scss
    |   |           |       |       _gradients.scss
    |   |           |       |       _grid-framework.scss
    |   |           |       |       _grid.scss
    |   |           |       |       _hover.scss
    |   |           |       |       _image.scss
    |   |           |       |       _list-group.scss
    |   |           |       |       _lists.scss
    |   |           |       |       _nav-divider.scss
    |   |           |       |       _navbar-align.scss
    |   |           |       |       _pagination.scss
    |   |           |       |       _reset-text.scss
    |   |           |       |       _resize.scss
    |   |           |       |       _screen-reader.scss
    |   |           |       |       _size.scss
    |   |           |       |       _table-row.scss
    |   |           |       |       _text-emphasis.scss
    |   |           |       |       _text-hide.scss
    |   |           |       |       _text-truncate.scss
    |   |           |       |       _transition.scss
    |   |           |       |       _visibility.scss
    |   |           |       |       
    |   |           |       \---utilities
    |   |           |               _align.scss
    |   |           |               _background.scss
    |   |           |               _borders.scss
    |   |           |               _clearfix.scss
    |   |           |               _display.scss
    |   |           |               _embed.scss
    |   |           |               _flex.scss
    |   |           |               _float.scss
    |   |           |               _position.scss
    |   |           |               _screenreaders.scss
    |   |           |               _sizing.scss
    |   |           |               _spacing.scss
    |   |           |               _text.scss
    |   |           |               _visibility.scss
    |   |           |               
    |   |           +---cards
    |   |           |       _card-background.scss
    |   |           |       _card-blog.scss
    |   |           |       _card-collapse.scss
    |   |           |       _card-contact.scss
    |   |           |       _card-form-horizontal.scss
    |   |           |       _card-plain-extend.scss
    |   |           |       _card-plain.scss
    |   |           |       _card-pricing.scss
    |   |           |       _card-product.scss
    |   |           |       _card-profile.scss
    |   |           |       _card-rotate.scss
    |   |           |       _card-signup.scss
    |   |           |       _card-stats.scss
    |   |           |       _card-testimonials.scss
    |   |           |       
    |   |           +---mixins
    |   |           |       _alert.scss
    |   |           |       _animations.scss
    |   |           |       _breakpoints.scss
    |   |           |       _buttons.scss
    |   |           |       _chartist.scss
    |   |           |       _colored-shadows.scss
    |   |           |       _drawer.scss
    |   |           |       _forms.scss
    |   |           |       _hover.scss
    |   |           |       _layout.scss
    |   |           |       _navbar-colors.scss
    |   |           |       _navs.scss
    |   |           |       _sidebar-color.scss
    |   |           |       _social-buttons.scss
    |   |           |       _transparency.scss
    |   |           |       _type.scss
    |   |           |       _utilities.scss
    |   |           |       _variables.scss
    |   |           |       _vendor-prefixes.scss
    |   |           |       
    |   |           +---plugins
    |   |           |       _animate.scss
    |   |           |       _chartist.scss
    |   |           |       _datatables.net.scss
    |   |           |       _fullcalendar.scss
    |   |           |       _jquery.jvectormap.scss
    |   |           |       _perfect-scrollbar.scss
    |   |           |       _plugin-bootstrap-select.scss
    |   |           |       _plugin-datetime-picker.scss
    |   |           |       _plugin-fileupload.scss
    |   |           |       _plugin-flexisel.scss
    |   |           |       _plugin-nouislider.scss
    |   |           |       _plugin-tagsinput.scss
    |   |           |       _sweetalert2.scss
    |   |           |       _wizard-card.scss
    |   |           |       
    |   |           \---variables
    |   |                   _body.scss
    |   |                   _bootstrap-material-design-base.scss
    |   |                   _bootstrap-material-design.scss
    |   |                   _brand.scss
    |   |                   _buttons.scss
    |   |                   _card.scss
    |   |                   _code.scss
    |   |                   _colors-map.scss
    |   |                   _colors.scss
    |   |                   _custom-forms.scss
    |   |                   _drawer.scss
    |   |                   _dropdown.scss
    |   |                   _forms.scss
    |   |                   _layout.scss
    |   |                   _list-group.scss
    |   |                   _menu.scss
    |   |                   _modals.scss
    |   |                   _nav.scss
    |   |                   _pagination.scss
    |   |                   _shadow.scss
    |   |                   _snackbar.scss
    |   |                   _spacing.scss
    |   |                   _state.scss
    |   |                   _tables.scss
    |   |                   _tooltip.scss
    |   |                   _type.scss
    |   |                   
    |   \---storage
    |       |   
    |       +---pictures
    |       |       
    |       \---profile
    |               
    +---resources
    |   +---lang
    |   |   \---en
    |   |           auth.php
    |   |           pagination.php
    |   |           passwords.php
    |   |           validation.php
    |   |           
    |   \---views
    |       |   home.blade.php
    |       |   
    |       +---alerts
    |       |       errors.blade.php
    |       |       feedback.blade.php
    |       |       migrations_check.blade.php
    |       |       
    |       +---auth
    |       |   |   login.blade.php
    |       |   |   register.blade.php
    |       |   |   verify.blade.php
    |       |   |   
    |       |   \---passwords
    |       |           email.blade.php
    |       |           reset.blade.php
    |       |           
    |       +---categories
    |       |       create.blade.php
    |       |       edit.blade.php
    |       |       index.blade.php
    |       |       
    |       +---errors
    |       |       401.blade.php
    |       |       403.blade.php
    |       |       404.blade.php
    |       |       419.blade.php
    |       |       429.blade.php
    |       |       500.blade.php
    |       |       503.blade.php
    |       |       layout.blade.php
    |       |       
    |       +---items
    |       |       create.blade.php
    |       |       edit.blade.php
    |       |       index.blade.php
    |       |       
    |       +---layouts
    |       |   |   app.blade.php
    |       |   |   
    |       |   +---footers
    |       |   |       auth.blade.php
    |       |   |       guest.blade.php
    |       |   |       
    |       |   +---navbars
    |       |   |   |   sidebar.blade.php
    |       |   |   |   
    |       |   |   \---navs
    |       |   |           auth.blade.php
    |       |   |           guest.blade.php
    |       |   |           
    |       |   \---page_templates
    |       |           auth.blade.php
    |       |           guest.blade.php
    |       |           
    |       +---pages
    |       |   |   calendar.blade.php
    |       |   |   charts.blade.php
    |       |   |   dashboard.blade.php
    |       |   |   welcome.blade.php
    |       |   |   widgets.blade.php
    |       |   |   
    |       |   +---components
    |       |   |       buttons.blade.php
    |       |   |       grid.blade.php
    |       |   |       icons.blade.php
    |       |   |       notifications.blade.php
    |       |   |       panels.blade.php
    |       |   |       sweet_alert.blade.php
    |       |   |       typography.blade.php
    |       |   |       
    |       |   +---example_pages
    |       |   |       error.blade.php
    |       |   |       language.blade.php
    |       |   |       lock.blade.php
    |       |   |       pricing.blade.php
    |       |   |       timeline.blade.php
    |       |   |       
    |       |   +---forms
    |       |   |       form_extended.blade.php
    |       |   |       form_regular.blade.php
    |       |   |       form_validation.blade.php
    |       |   |       form_wizard.blade.php
    |       |   |       
    |       |   +---maps
    |       |   |       maps_fullscreen.blade.php
    |       |   |       maps_google.blade.php
    |       |   |       maps_vector.blade.php
    |       |   |       
    |       |   \---tables
    |       |           tables_datatable.blade.php
    |       |           tables_extended.blade.php
    |       |           tables_regular.blade.php
    |       |           table_list.blade.php
    |       |           
    |       +---profile
    |       |       edit.blade.php
    |       |       
    |       +---roles
    |       |       create.blade.php
    |       |       edit.blade.php
    |       |       index.blade.php
    |       |       
    |       +---tags
    |       |       create.blade.php
    |       |       edit.blade.php
    |       |       index.blade.php
    |       |       
    |       \---users
    |               create.blade.php
    |               edit.blade.php
    |               index.blade.php
    |               
    +---routes
    |       web.php
    |       
    +---storage
    |   +---app
    |   |   |   
    |   |   |   
    |   |   \---public
    |   |       |   
    |   |       +---pictures
    |   |       |       
    |   |       \---profile

Restyled Components

Here is the list of Bootstrap 4 components that were restyled in Material Dashboard PRO Laravel:

  • Buttons
  • Cards
  • Inputs
  • Select
  • Textarea
  • Menu
  • Dropdown
  • Progress Bars
  • Navigation Menu
  • Pagination
  • Labels
  • Notifications
  • Typography
  • Images
  • Tables
  • Tooltips
  • Popovers
  • Modal

New Components

Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:

  • Charts
  • Checkboxes
  • Footers
  • Google Maps
  • jVector Maps
  • jQuery Maps
  • Bootstrap Tables
  • DataTables.net
  • Maps
  • Panels
  • Radio Buttons
  • Sliders
  • Sweet Alert
  • Sidebar
  • Tags
  • Wizard
  • Toggle Buttons
  • Datetimepicker
  • Nucleo Icons
  • File Uploader
  • New Modals