Materialize - React - Next.js, Vuejs Material Design Admin Template

Materialize - React - Next.js, Vuejs Material Design Admin Template

Cart 9,372 sales
Recently Updated
Well Documented

Materialize – React – Next.js, Vuejs Material Design Admin Template

Materialize is the #1 selling material design admin template. Google Material Design Inspired UI with responsive design, and amazing support are the reasons of our customers to fall in love, making it the most trusted and complete Material Design Admin Template on the market.

Materialize has a huge collection of material design widgets, UI Elements and works seamlessly on all major web browsers, tablets, and phones. User-friendly, intuitive, and fun to use.

Incredibly versatile, the Materialize also allows you to build any type of web application. For instance, you can create:

  • SaaS platforms
  • Project management apps
  • Ecommerce backends
  • CRM systems
  • Analytics apps
  • Banking apps
  • Education apps
  • Fitness apps
  • & many more….

Materialize – React – Next.js, Vuejs Material Design Admin Template is user-friendly and straightforward, making it fast and simple to get started. Besides, it also comes equipped with ready-to-go templates including 3 niche dashboards, and 5 carefully crafted Applications:

  • Email
  • Chat
  • Calendar
  • Invoice
  • User

In addition, it’s well documented and comes with starter kit which can be used to kick start your project.


  • Built with Next.js v13
  • Built with MUI Core v5 stable version
  • 100% React hooks & Functional Components
  • Redux Toolkit & React Context API
  • React Hook Form + Yup
  • Ready-to-deploy Folder Structure
  • Complete User Flows
  • ESLint & Prettier
  • User Overridable Layout & Theme
  • RTL(Right-to-Left) Support
  • Code Splitting, Lazy loading
  • JWT Authentication
  • Access Control (ACL – CASL)
  • Auth pages
  • Account Settings & Profile Pages
  • Pricing, FAQ & Knowledge Base Pages
  • Multi-lingual Support
  • 5 Apps
  • 3 chart libraries
  • 3 Dashboard
  • Material Design Icons by Community
  • Unlimited Color Options
  • Fully Responsive Layout
  • Organized Folder Structure
  • Clean & Commented Code
  • Well Documented
  • Also, 6 months of free support included
  • Enjoy hassle-free support
  • We also offer multilingual support.

Note: Materialize React Admin Template is based on Next.js and not on CRA. Also HTML & React versions are totally different, Please check respective demos and documentation before purchasing the template.


V 10.0.0 – [20th Jan, 2023]


- Initial Version

VueJS + Laravel

- Initial Version

HTML & Laravel

- Removed HTML version
- Removed HTML + Laravel version

V 9.0.0 - [11th Nov, 2022]


- Added authentication pages viz. Verify Email, Two Steps and Multi Step Register
- Added User Profile and Help Center pages
- Added real-life Form Wizard examples
- Added shortcut dropdown in the Navbar (AppBar)

- Updated Account Settings, Pricing, FAQ pages and User app
- Updated the variant of the Notification badge in the Navbar (AppBar)

- Removed Knowledge Base page


- Added Iconify icons
- Added npm and nvm config files
- Added real-life Form Wizard examples
- Added User Profile and Help Center pages
- Added a custom component to use Iconify icons
- Added shortcut dropdown in the Navbar (AppBar)
- Added rounded variant for the Chip component
- Added new examples on the List component page
- Added pull-up variant for the Avatar component
- Added functionality to 'Remember Me' while logging in
- Added options to override styling and props on the layout
- Added a utility function to convert an RGBA color to a Hex color
- Added functionality to log out and refresh the token on expiration
- Added a custom component to open a menu on an IconButton component
- Added custom components for radios and checkboxes with different variants
- Added authentication pages viz. Verify Email, Two Steps and Multi Step Register

- Updated docs
- Updated footer styles
- Updated Next.js to v13
- Optimized all the images
- Updated colors in all the charts
- Moved JWT configs to the .env file
- Updated semi-dark from skin to mode
- Updated all the dependencies to the latest versions
- Updated color opacities according to the MUI's Theme
- Updated Account Settings, Pricing, FAQ pages and User app
- Updated the variant of the Notification badge in the Navbar (AppBar)
- Updated fallback to false in the getStaticPaths method on all dynamic pages

- Fixed minor bugs
- Fixed react-datepicker styling
- Fixed styles of Accordion component
- Fixed the search dialog's unexpected behavior
- Fixed popper-placement of react-datepicker in RTL
- Fixed z-index of react-hot-toast in smaller screens
- Fixed third-level menu and undefined links in the Horizontal navigation menu
- Fixed a few re-renders in the Vertical navigation menu and in the Vertical layout
- Fixed content area scroll issue due to spinner when a user logs in for the first time
- Fixed Email and Chat apps' height by adding the contentHeightFixed method on the page component
- Fixed border-radius & spacing issues in Table & DataGrid and overriding row height issue in DataGrid

- Removed Knowledge Base page
- Removed validations from some pages
- Removed portal of react-datepicker
- Removed all the examples of MUI's pickers
- Removed Material Design Icons (by Community)
- Removed documentation of Auth0 and AWS Amplify
- Removed download functionality from the Invoice Preview page


V 8.1 - [27th May, 2022]


- Updated docs
- Updated some image paths
- Updated the shadow below Vertical Navigation Header and above Vertical Navigation

- Fixed the build errors
- Fixed the UI of the search
- Fixed width of all columns in all DataGrids
- Fixed ACL visibility of sub to sub menu group


V 8.0 - [20th May, 2022]

- Inital Release

- Updated node dependencies

- Updated Laravel Framework composer dependencies


V 7.4 - [24th March, 2022]

 - Updated to latest Laravel 9

 - Added Support for BrowserSync


V 7.3 - [26th February, 2021]

 - Updated Laravel framework to latest
 - Updated Laravel folder structure according to the latest one
 - Updated Laravel passport documentation

 - Added Laravel sanctum documentation
 - Added Laravel Sail(Docker) documentation


V 7.2 - [2nd December, 2020]

 - Updated to latest Laravel 8
 - Updated Laravel UI
 - Updated Laravel Passport


V 7.1 - [3rd April, 2020]

 - Updated to latest Laravel 7


V 7.0 - [30th January, 2020]

 - Improved folder structure

 - Fixed search issue on the small screen
 - Fixed horizontal menu dropdown click for iPad
 - Fixed iPhone menu open issue for new iOS update

 - Initial Release


V 6.0 - [02nd November, 2019]
- RTL Support for all layouts & starter kit 
- Multi-language support enable
- Quick search 
- Kanban (scrum board) App
- File Manager App
- Invoice App
- User list, view & edit page
- Timeline page
- Account Settings page
- Component: Select2
- Component: Rating
- Component: Tour
- Component: Quill Editor

** Updated:**
- Updated all libs & package to the latest version
- Updated documentation

** Fixed:**
- Vertical navigation sub-menu open effect
- Horizontal menu navbar dropdown z-index issue
- Form select overflowed the card box
- Vertical navigation menu item flashing issue on collapsible page
- Bordered table
- Firefox & IE left sidenav scrolling issue

v5.1 19th February 2019
- Fixed BreadCrumbs in IE
- Fixed Right slide-out issue of IE
- Fixed Todo Select All IE issue
- Fixed Chat image IE issue
- Fixed Datatable View in IE
- Fixed Collapse Icon of the menu for IE
- Fixed Pricing page icon issue in IE
- Fixed Modal popup for IE
- Fixed Fullscreen issue from IE


v5.0 13th February 2019
- Added new vertical modern & dark menu templates
- Added theme customizer for customization & preview template in real-time
- Added new vertical dark menu template
- Added new menu active style
- Added modern dashboard with clean and modern look & feel
- Added chat, todo, contact & eCommerce applications
- Added search, knowledge base & faq pages
- Added new advanced & extended cards
- Added all the framework components useful HTML,CSS & js code
- Added new components & options as per Materializecss framework
- Added form wizard with vertical & horizontal example
- Added intro section for the landing page of admin template

- Materializecss framework upgraded to v1.0.0
- Improved folder structure to make it easy to utilize
- Upgraded all the third-party vendors & library
- Improved Email & Calendar app UI and functionality
- Improved user profile & error pages design
- Improved contact page UI
- Improved right slide out UI and added chat support
- Improved chart library and upgrade all the charts
- Improve the document for upgraded folder structure usage and customization
- Improve gulp tasks for the new folder structure- 

- Fixed swipe to open the menu in small screen
- Fixed chartjs issues by upgrading it to the latest stable version
- Fixed form elements, validation & input mask related issues

- Removed vertical overlay & fixed menu template
- Removed grunt task runner support
- Removed jsGrid, floatThead tables
- Removed advance-ui-scrollfire as per framework change
- Removed Morris, xChart & Flot charts
- Removed AngularJS directive support (Angular 1.0)

v4.0 15th October 2017
-New Themes : Collapsible Menu, Collapsible Semi Dark  Menu
-New Dashboard - dashboard-ecommerce.html
-Advanced cards - advanced-cards.html
-Advanced ui pulse - css-pulse.html
-Feature discovery - ui-feature-discovery.html
-CSS Transition - css-transitions.html
-Carousel - ui-carousel.html
-JS Transition - advanced-ui-transitions.html
-UI Advanced Buttons - ui-buttons-extended.html
-Dropdown - advance-ui-dropdown.html
-Scrollfire - advance-ui-scrollfire.html
-Scrollspy - advance-ui-scrollspy.html
-Add new layouts pages for light, dark, semi-dark, fixed footer and collapsible menu options.
-Added support for jQuery 3
-Added Time Picker
-Added XL breakpoint
-Added Pulse CSS effect
-Added Feature Discovery component
-Added FABs in image cards
-Added swipeable tabs
-Added autocomplete integration with chips
-Added class method to dismiss all toasts
-Added callbacks to side nav
-Added instance method to remove specific toasts
-Added ability to remove autocompelete data
-Added container option for time picker
-Tab accessibility for date picker
-Validation styling support added for many form components
-Added carousel destroy
-Added close on select option for date picker
-Added support for custom active elements in scrollspy
-Basic horizontal cards
-Sidenav and Modals no longer cause flicker with scrollbar
-Materialbox overflow and z-index issues fixed
-Added new option for Card actions within a Card reveal

- Fixed bug where modal triggers could not contain child elements
- Fixed bug with right alignment option for dropdown
- Added fix for validation messages being mispositioned when input is empty
- Allow select native browser validation error messages
- Modal open no longer initializes plugin
- Fixed bug where modal open did not use initialized options
- Modal-trigger class required for modal trigger elements
- Fixed waves persisting bug
- Waves no longer throws error on svg elements
- Fixed side nav callback bugs
- Fixed carousel image loading bug
- Full-width carousel now resizes height on resize
- Fixed multiple bugs with jQuery outerWidth on Linux
- Fixed cursor blinking on select on iOS
- Fixed search form styling in navbar
- Fixed label animation on date picker
- Browser errors now show up on radio buttons and checkboxes
- Fixed dynamic textarea resize bug
- Fixed collapsible preselect bug
- Fixed dropdown event bubbling bug
- Fixed range position inaccuracies
- Fixed feature discovery mobile styles
- Fixed carousel reinitialize bugs
- Fixed grid offset bug
- Fixed various select bugs on mobile devices
- Fixed small sideNav overlay bugs
- Fixed carousel resizing bug
- Fixed materialbox callback bug
- Fixed carousel misalignment when switching quickly
- Fixed carousel resize bug where slide widths wouldn't change when changing the window size
- Fixed bug where using backspace to delete chips would navigate back in certain browsers
- Fixed dropdown options bug
- Carousel bug fixes and new features
- Responsive tables now work with empty cells
- Added focus states to checkboxes, switches, and radio buttons

- Updated styling for Date Picker
- Updated styling for switches
- Autocomplete: renamed and moved options to autocompleteOptions
- Range slider supports keyboard navigation
- Upgraded noUiSlider to version 9 with support for vertical sliders
- Improved tabs compatibility with cards
- Refactored Modal plugin
- Tabs now supported in navbar
- Chips data can now be reinitiailized
- Updated sidenav styles and new component
- Changed /font directory to /fonts
- Datepicker and ScrollSpy now compatible with jQuery 2.2.x
- css-icons.html --> ui-icons.html
- advanced-ui-chips.html - > ui-chips.html
- ui-toasts.html -> advance-ui-toasts.html
- ui-tooltip.html -> advance-ui-tooltip.html
- ui-waves.html -> advance-ui-waves.html
- ui-tabs.html -> advance-ui-tabs.html
- ui-collapsibles.html -> advance-ui-collapsibles.html
- ui-carousel.html -> advance-ui-carousel.html
- ui-transitions.html -> advanced-ui-transitions.html
- Renamed Plugins folder to Vendors and moved to root folder

- Removed deprecated material icons -from project

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 ]
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 ]
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 ]
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 ]
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 ]
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. Gallery Page
  10. Image Hover Effects
- Updated Material Search
- Fixed perfect scroll bar select to scroll issue
- Update materialize the SASS files

v1.1 [2nd June 2015]
<pre>- Add new floating action button.
- Update materialize the SASS files.
- Fix the trending chart lagging issue.</pre>

v1.0  [20th March 2015]
<pre>- Initial release</pre>

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey