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-bs4
| 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
| | |
| | \---profileRestyled 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