Materialize - Material Design Admin Template HTML
Materialize is a Material Design Admin Template is the excellent responsive google material design inspired multipurpose admin template.
Materialize has a huge collection of material design animation & widgets, UI Elements, jQuery plugins and works seamlessly on all major web browsers, tablets and phones. User friendly, intuitive, and fun to use.
What Customers say about Materialize:
Materialize can be used for any type of web applications dashboard: custom admin panels, admin dashboards, CMS, CRM, SAAS and websites: CMSs, SAAS, CRM, HRMS, Support & Social portal, e-commerce, personal business, corporate.
We’ve written the CSS in SASS which is a great way of organizing your CSS code in a structured manner.
Materialize has a minimal, sleek, clean and intuitive design which makes your next project look awesome and yet user friendly, Have look Materialize today!
Features
- Google Material Design inspired admin/dashboard template
- Responsive layout (desktops, tablets, mobile devices)
- Based on Materializecss
- Expandable Sidebar
- Valid HTML5 and CSS3
- Retina ready
- Cross Browsers Support
- 100% fully responsive
- Fully customizable
- Awesome Email Page
- Calendar with events
CSS:
- Ultra responsive grid
- Typography
- Material Design Icon Fonts
- Material Design Color Palette
- Built with Sass – Easy modification with variables
UI Elements:
- Flat & Raised Buttons
- Badges
- Material Design Cards
- Collections
- Accordions
- Navigation Bar
- Pagination
- Preloader
- Model Popup
- Tost Notification
- Tooltip
- Material Design Widgets
Tables:
- Supports large tables (dynamically loads data)
- Scrollable tables
- Responsive tables
- Show / hide columns
UI Elements:
- Flat & Raised Buttons
- Badges
- Material Design Cards
- Collections
- Accordions
- Navigation Bar
- Pagination
- Preloader
- Model Popup
- Tost Notification
- Tooltip
Forms:
- Material Design Form Style
- Inline editable elements
- Validation options
- Multi file upload
- Custom Radio, Checkbox, FileUpload
- Custom slider
- Datepicker
- Range Selector
- Input Character Counter
Pages:
- Invoice Page
- Login Page
- Register Page
- Lock Screen Page
- Forgot Password Page
- 404 Error
- 500 Error
- Blank Page
Charts:
- ChartJS
- Chartist
- Morris Chart
- xCharts
- Flot Chart
- Sparkline Chart
- Helpers Class
- Changelog file
- Well Documented
Credits
- jQuery
- materializecss
- chartjs
- chartist js
- morrisjs
- flotcharts
- sparkline
- xcharts
- jvectormap
- fullcalendar
- datatables
perfect scrollbar- Roboto font
- unsplash
v3.1 28th January 2016
- Enhancement
1.Added a custom.scss file for making custom changes using SCSS.
- Bug fix
1. Fixed navigation bar issue on small screen for Horizontal & full-screen layout.
2. Fixed card reveal effect and make made it more smooth.
3. Fixed chartist error on single pages like login, register etc..
v3.0 12th December 2015
Angular UI
1. Ready to use number of Angular directives, are handled by Angular in the right way. [ angular-materialize.html ]
Themes
1. Ready to use 8 predefined theme.
Advanced UI
1. Language Translation [ advanced-ui-translation.html ]
2. Sweetalert for beautiful Modal popup [ advanced-ui-sweetalert.html ]
3. Shortable & Nestable [ advanced-ui-nestable.html ]
4. Range Selector [ advanced-ui-range-slider.html ]
5. Syntext Highlight [ advanced-ui-highlight.html ]
Form
1. Advanced form validations [ form-validation.html ]
2. Input ttype mask [ form-masks.html ]
3. Drag & Drop file upload with customizable drop zone [ form-file-uploads.html ]
4. Updated new form elements [ form-elements.html ]
Table
1. jsGrid - Lightweight Grid jQuery Plugin [ table-jsgrid.html ]
2. editableTable - turns any table into an editable spreadsheet. [ table-editable.html ]
3. floatThead - fixed table header plugin that requires no special CSS and supports [ table-floatThead.html ]
UI
1. Material Chips [ ui-chips.html ]
2. Alerts & Warnings [ ui-alerts.html ]
3. Breadcrumbs [ ui-breadcrumbs.html ]
4. Updated Material FAB Buttons [ ui-buttons.html ]
5. Accordions page change to Collapsible with new popout feature. [ ui-accordions.html - > ui-collapsible.html ]
CSS
1. CSS Animations [ css-animations.html ]
2. Hoverable healpers [ css-helpers.html ]
Bugfix & Enhancement
1. Fixed popup close issue on click of popup out side (body) area.
2. Fixed the datatables row display select dropdown hide issue.
3. Fixed the floating button hover issue.
4. Fixed sparkline chaer hover stats background display issue.
5. Fixed the dount chart stats position.
6. Added the open close state menu icons and color.
7. Added notification dropdown and county flag dropdown for translation.
8. Fixed chart lag, scrollbar and map marker issues.
v2.3 25th September 2015
- Fixed Firefox dropdown menu support issues
- e-Commerce product page fix
- Update materialize the SASS files
v2.2 18th August 2015
- Fixed IE and Firefox support issues
- Dashboard search fix and updates
- Improved Charts
- Update materialize the SASS files
v2.1 11th June 2015
- 2 New layout
1. Full Screen
2. Horizontal Menu
- 10 New Pages
1. Profile Page
2. Contact Page
3. ToDos Page
4. Blog Type 1
5. Blog Type 2
6. Products Page
7. Pricing Table
8. Gallaery Page
10. Image Hover Effects
- Updated Material Search
- Fixed perfact scrool bar select to scroll issue
- Update materialize the SASS files
v1.1 [2nd June 2015]
- Add new floating action button.
- Update materialize the SASS files.
- Fix the trending chart lagging issue.
v1.0 [20th March 2015]
- Initial release
Hey, any news on update? I have reported issues with products page on tablets and smartphones year ago and its still not fixed.
ReplyDeleteHello koza95,
ReplyDeleteSorry but we didn’t able to confirm your purchase on your profile.
Yes we are releasing the new update very soon.
Thanks
I am waiting with purchase till products page is fixed
ReplyDeleteHi koza95,
ReplyDeleteSorry, We will let you know once we will update it.
Thank
Are you planning to add Chat page? It will be very usefull.
ReplyDeleteHi koza95,
ReplyDeleteYes we have that it our ToDo List.
Thanks
I’m having problems using checkboxes. I have a grid that contais a list of input checkboxes and they are hidden. How can I fix it?
ReplyDeleteHello silviosilvajunior ,
ReplyDeleteThanks for the purchase and get in touch with us.
Could you please provide some more details what is happening with the hidden checkbox in grid.
Please raise a support ticket (http://support.pixinvent.com/) with a piece of code or image of the issue that helps us to under stand it better.
Cheers~
Ok, done. Thanks!
ReplyDeleteI would like to change the theme. How can I accomplish it?
ReplyDeleteHi silviosilvajunior,
ReplyDeleteI didn’t received any ticket on http://support.pixinvent.com/ from your side. Could you please let us know what you would like to customize ? Color, Structure or Theme ?
We are providing built-in themes for the better usage, please do check also documentation and get back to us still if you have any doubt.
Thanks
There seems to be a bug with form select elements which is also there in your demo. You have to click twice (not double click) before the select options appear. The first click causes the options to appear and disappear (flicker), then the second click causes the options to appear and stay.
ReplyDeleteDo you have a fix for that issue?
Browser: Firefox (50.1.0)
Hello onetimeengineer,
ReplyDeleteCould you please raise a support ticket on http://support.pixinvent.com/.
For this issue I need to send some file correction which can be possible on support portal.
Thanks
My client decided to buy your theme anyway without update. And there is serious bug in Firefox based browsers. Left menubar is not scrolling fully to end (there is missing height of header). Here is fix:
ReplyDeletevar f = $(".page-topbar").height(), g;
if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1 || navigator.userAgent.toLowerCase().indexOf('trident') > -1){
g = window.innerHeight - 2*f;
} else {
g = window.innerHeight - f;
}
instead of:
var f = $(".page-topbar").height(), g;,
g = window.innerHeight - f;
in plugins.min.js (unminified line 93)
Chrome, Opera, Edge, Safari: http://scr.hu/6jr/35f1z
ReplyDeleteFirefox: http://scr.hu/6jr/qvvkx
Hello koza95,
ReplyDeleteThanks for your inputs for FF and provided a very valuable solution for the same.
We will once again cross check your solution and issue and add the solution in our next release.
Cheers~
Still no update? Lol
ReplyDeleteHello dfffdsdf,
ReplyDeleteWe’re extremely sorry for the delay, we will let you know once it will be released. BTW we are planing in this month only.
Thanks.
Hello! Interested in the project, I adore the material design, will this month’s update?
ReplyDeleteHello motyanya1,
ReplyDeleteThanks for your interest, we’re planning for next update in this month.
Will let you know once it will be release.
Thanks
On the profile page, the layout has gone from the mobile device, will there be a fix in the update?
ReplyDeleteYes motyanya1,
ReplyDeleteWe are considering that fix also.
Thanks
Good, at the end of July?
ReplyDeleteYes probably end of July or August 1st week.
ReplyDeleteWell, I will wait for the update
ReplyDeleteWhen I upgrade jquery to v1.7.2, the scroll functionality for select lists stops working. Any ideas on a quick fix?
ReplyDeleteHello calebhaye,
ReplyDeleteWe’re releasing our next update with latest jQuery version in Aug first week.
Though we will be back to you in case we find any quick fix, please raise ticket on https://pixinvent.ticksy.com/.
Thanks