Material base

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

mb.4dd.pw

Requirements

None.

Installation

Install as usual, for further information see:

• Installing dependencies in Drupal 9+
• Installing themes in Drupal 7

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.