Material Base
Material Base is a foundational Drupal theme that implements Google's Material Design principles. It provides pre-built styles and components, enabling developers to create custom themes more efficiently without starting from scratch.
Introduction
Material Base — is a base theme for Drupal, which implements Material Design concept from Google.
The theme was made as basic styles and a set of components, which can be easily combined for making beautiful Drupal themes instead of making them from scratch.
Material Base requires knowledge of Drupal theming system as well as knowledge of CSS and SASS.
Material Base — is the theme for themes.
Read documentation to get started. Have questions still? Join #material-base channel in Drupal Slack. Happy theming!
Version 3 (Drupal 9+)
Requirements
None.
Installation
Install as usual, the recommended way for getting the theme is installing it with Composer.
For more information see Using Composer to Install Drupal and Manage Dependencies.
Documentation
See docs folder inside theme folder.
Technologies
- CSS preprocessor - SASS
- Build stack - NPM / Webpack
- Material Design library - Material Components for the web
- Grid - Flexbox Grid
Features
- Responsive
- Multipurpose
- Material Design 2nd edition
- Component based approach
- 20+ well documented components
- Icon font, SVG sprite icons
- Subtheme generator
Version 1.x (Drupal 7, 9+)
Demo
Requirements
None.
Installation
Install as usual, for further information see:
Documentation
Version 1 project page - mb.4dd.pw
Technologies
- CSS preprocessor - SASS
- Build stack - NPM / Gulp
- Syntax highlighter - Prism
- Layout - Flex box model
- Grid - Flexbox Grid
Features
- Responsive
- Multipurpose
- Color themes
- Dark theme
- Icons
Differences between versions
Version 3.0 is a semantic version release of version 2, no breaking compatibility changes have been made.
Version 2 rewritten from scratch with modern tools and approaches.
Important! Version 2+ is not compatible with version 1.x, and there is no upgrade path.
Which version to choose
Version 2+ is a modern theme in active development, but it requires a deeper knowledge of Drupal theming for efficient usage. Choose it for new projects and projects with custom theme development.
Version 1.x will not receive new features, but it is simpler for site-building. Choose it for creating simple themes or prototyping.