MaterialPro - Bootstrap 4 Admin Template + Angular CLI Starterkit HTML
Themeforest MaterialPro - Bootstrap 4 Admin Template + Angular CLI Starterkit HTML
5+ Different Dashboards
6 Different Demos
MaterialPro Admin MiniSidebar Demo Version (New)
RTL Demo Version (New)
12 Color Skins
Clean and Creative Landing Page Included (Free $12)
Data Table Export to CSV, Excel, PDF, Copy and Print
Main PSD Files Included (Free $12)
Megamenu
Lightbox
Summernote
Range Slider
Light and Dark Color Schemes
Light/Dark Sidebar Themes
700+ pages
500+ Ui Components
RTL Support
Lots of widgets
Bootstrap 4x
3000+ Fonts Icons
Fully Responsive pages
SCSSbase CSS
Easy to customize
Many Charts Options
Multi File upload
Lots of Table Examples
Validation Forms
Updates
Version 2.2 (19th Aug, 2017)
Version 2.1 (15th Aug, 2017)
Version 1.4 (24th July, 2017)
Version 1.3 (12th July, 2017)
Version 1.2 (16th June, 2017)
![]()
![]()
MaterialPro Admin is a popular open source WebApp template for admin dashboards and control admin panels. Monster is fully responsive HTML template, based on the CSS framework Bootstrap 4 Beta. It utilizes all of the Bootstrap components in its design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications. MaterialPro Admin is based on a modular design, which allows it to be easily customised and built upon.
Features
5+ Different Dashboards
6 Different Demos
MaterialPro Admin MiniSidebar Demo Version (New)
RTL Demo Version (New)
12 Color Skins
Clean and Creative Landing Page Included (Free $12)
Data Table Export to CSV, Excel, PDF, Copy and Print
Main PSD Files Included (Free $12)
Megamenu
Lightbox
Summernote
Range Slider
Light and Dark Color Schemes
Light/Dark Sidebar Themes
700+ pages
500+ Ui Components
RTL Support
Lots of widgets
Bootstrap 4x
3000+ Fonts Icons
Fully Responsive pages
SCSSbase CSS
Easy to customize
Many Charts Options
Multi File upload
Lots of Table Examples
Validation Forms
Lots of ready to use plugins.
-Main Menu- Dashboard 4
- Dashboard 1
- Dashboard 2
- Dashboard 3
Applications
- Chat Application (New)
- Mail box
- Inbox detail
- Compose mail
- Contact / Employee Listing (New)
- Contact / Employee Listing Variation (New)
- Contact / Employee Details (New)
- UI Elements 13
- Panels and Wells
- Panel with blockUI (New)
- Buttons
- Sweat alert
- Typography
- Grid
- Tabs
- User Cards (New)
- Modals
- Progress Bars
- Notifications
- Carousel
- List & Media object (New)
- Timeline
- Horizontal Timeline (New)
- Nesteble
- Range Slider (New)
- Bootstrap UI
- Forms
- Basic Forms
- Form Layout
- Form Addons
- Form Material
- Form with Float input (New)
- File Upload
- Form Mask
- Form Validation
- File Dropzone
- Form-pickers
- Image cropping (New)
- Form-wizards
- Typehead (New)
- X-editable
- Summernote (New)
- Bootstrap wysihtml5
- Tinymce wysihtml5
-Proffessional- Sample Pages 15
- Starter Page (New)
- Blank Page
- Lightbox Popup (New)
- Treeview (New)
- Search Result (New)
- Utility Classes (New)
- Custom Scroll (New)
- Login Page
- Login page v2 (New)
- Animations (New)
- Profile
- Invoice
- FAQ
- Gallery
- Pricing
- Register
- Register V2 (New)
- Recover Password
- Lock Screen
- Error 400
- Error 403
- Error 404
- Error 500
- Error 503
- Charts
- Flot Charts
- Morris Chart
- Chart-js
- Peity Charts
- Sparkline charts
- Knob charts (New)
- Extra Charts
- Tables 7
- Basic Tables
- Table layouts (New)
- Data Table
- Bootstrap Tables
- Responsive Tables
- Editable Tables
- FooTables
- JsGrid Tables
- Widgets
- Icons
- Font awesome
- Themify Icons
- Simple line Icons
- Linea Icons
- Weather Icons
- Google Map
- Vector Map
- Calendar
- Multi-Level Dropdown
- Second Level Item
- Second Level Item
- Third Level
- Third Level Item
- Third Level Item
- Third Level Item
- Third Level Item
- Log out
-Support- Documentation
- Gallery
- Faqs
Updates
Version 2.2 (19th Aug, 2017)
- Bug resolved in email page button down
- Bug resolved of Landing Page main banner image overlapping in Safari
- Bug resolved of Landing Page dropdown menu not clickable
- Bug resolved of Left sidebar menu (icon and text) alignment
Version 2.1 (15th Aug, 2017)
- Updated to Bootsrap 4 Beta
Version 1.4 (24th July, 2017)
- Updated Angular Version
- Some Minor Bug Fixing
Version 1.3 (12th July, 2017)
- Added PSD Files for Dashboards
Version 1.2 (16th June, 2017)
- Added Horizontal Demo Dark Version
- Resolved Spacing issue in Horizontal Version
- Resolved Sub-Menu issue in Horizontal Version
Hi, are you going to make a complete version in angular similar to the version in bootstrap?. Thanks
ReplyDeleteHey Hi, we are looking to build, but its time consuming process, so we are not sure when we will be able to start and finish it. Thanks
ReplyDeleteI have a problem with the sidebar menu. When there is a url link (href=”starter-kit.html”) in a row 354, file material/starter-kit.html – the color of the active line is white(for white and for dark sidebars), not theme color .
ReplyDeleteok thanks for letting us know, we are updating our template we solved it & you can download whenever it got approved.
ReplyDeleteThanks
ReplyDeleteThere is a another problem with the css in the file blue.css and blue-dark.css.
row 141 – .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { color: #26c6da; } – green instead of blue
row 153 – .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a { color: #ffffff; background: #26c6da; } – green instead of blue
row 166 .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i { color: #26c6da;} – green instead of blue
Hey, Thats not the problem, we have designed it that way to have multiple colors, if you want to change that, you can easily replace color code in css and can make the way you want. Thanks
ReplyDeleteCan you provide a non minified version of stye.css?
ReplyDeleteyes can you send us a email on info@wrappixel.com we will send you non minified version of style.css
ReplyDeletedon’t worry, I did it myself. One other thing: I would like to combine the dark and horizontal style. I would have to merge the horizontal and dark but its tricky. Do you have that combined version?
ReplyDeleteGreat theme!
Hey, Sorry, we dont have any version like that in our template.
ReplyDeleteHi there. an email just came in about your latest update (24th July), can you please point out (key)features? nothing has been mentioned.
ReplyDeleteThanks a lot
Hey, We have added change log in description. Thanks
ReplyDeleteHi, Is there a per file change log available? Git diff?
ReplyDeleteHey, Sorry but we dont have per file change log, the last update was about just updating colors and added loading bar to angular version.
ReplyDeleteok thank you, we will fix it in our next update!!!
ReplyDeleteThere is a problem with the styles for the plugin Footable. Look page https://wrappixel.com/demos/admin-templates/material-pro/material/table-footable.html. The page pagination is different (style, design and color) from pagination of the theme. Missing styles for disabled state. For select, id=demo-show-entries missig css styles, no margin/padding. The tables(last element) in card-block have margin-bottom (1rem).... Bottom margin+padding for each card/card-block on the page is different.
ReplyDeleteHi, Will fix them as well. Thanks for pointing it out.
ReplyDeleteHey hi, You can download the latest version, we have updated. thanks.
ReplyDeletecan you please send us screenshot at info@wrappixel.com? Thanks
ReplyDeleteYou can 1) open https://wrappixel.com/demos/admin-templates/material-pro/horizontal/index3.html
ReplyDelete2) resize the browser window (I use chrome latest)
3) scroll down until you see Card Block with Profile "Angela Dominic"
4) look at the mountains image (class 'card-img-top') , it is widened. It has to be responsive instead. When you resize browser window to normal width, it becomes normal again.
thank you
Hi there. Any update?
ReplyDeleteHey hi,
ReplyDeleteits bootstrap4 default value, same thing happening with the bootstrap site also. but there is a solution you can use it in background instead of image. please let me know if you want more help?
Thanks
Hi there. Sure, I’d really appreciate if I could get a little help on that. what matters is to have it work without flaws. what would you suggest?
ReplyDeleteplease mail us we will help you to setup in a background. and yes it will work.
ReplyDeleteThanks
Thanks for the updates. But the problem of aligning the icon with the text in the sidebar menu still exists.
ReplyDelete.sidebar-nav > li – font-size:1rem (16px!?); line-height:1.5 (24px!?)
.sidebar-nav > a – font-size:15px; line-height:1.5 (22.5px!?)
.sidebar-nav > a i – font-size:21px; line-heigh:1.5 (31.5px!?); width: 27px; height: 27px;
I sent a mail about the problem one week ago.
After 18 days the bug is still unresolved!
ReplyDeleteHey sorry for the inconvinionce, just give line-height:27px to icon thats it. we update it and upload it. if you are in a hurry then you can do it.
ReplyDeleteThanks
hi, whats difference between Material Pro vs Monster Admin? How do I choose best and more complete? thanks!
ReplyDeleteHey, Material Pro is based on Material Design, other than that, you can see only difference is design and color schemes, features are almost same. Thanks
ReplyDeleteHow do I apply a horizontal sidebar in a dark theme?
ReplyDeletewell, it need little bit customzation, copy the sidebar.scss from the horizontal and also html of horizontal navbar and paste it on dark version. and compile scss.
ReplyDelete