Materialize Genesis

A Genesis Framework child theme based of Materialize CSS
Alternatives To Materialize Genesis
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Sage12,1076320 hours ago40July 19, 202213mitPHP
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
Timber5,209131775 days ago115June 22, 2022209mitPHP
Create WordPress themes with beautiful OOP code and the Twig Template Engine
Typography.js3,7572,2061864 months ago79May 10, 202195mitJavaScript
A powerful toolkit for building websites with beautiful design
Argon Theme3,160
2 months ago120gpl-3.0PHP
📖 Argon - 一个轻盈、简洁的 WordPress 主题
Understrap2,9578115 days ago37November 08, 202175gpl-3.0CSS
Underscores + Bootstrap = Understrap, the renowned open-source WordPress starter theme.
2 months ago20gpl-2.0PHP
A Wonderful WordPress Theme: 樱花庄的白猫博客主题
Frontity2,8236672 months ago60July 19, 202266apache-2.0TypeScript
» Frontity - The React Framework for WordPress
4 years ago35April 12, 201955mitPHP
FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
8 days ago11gpl-3.0PHP
📖 WordPress theme that focus on reading experience
Plugin Update Checker1,927633018 days ago31July 24, 202279mitPHP
A custom update checker for WordPress plugins. Useful if you don't want to host your project in the official WP repository, but would still like it to support automatic updates. Despite the name, it also works with themes.
Alternatives To Materialize Genesis
Select To Compare

Alternative Project Comparisons

Materialize Genesis


Materialize Genesis is a Genesis Framework child theme that integrates MaterializeCSS.

Installation Instructions

  1. Upload the Materialize Genesis theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
  2. Go to your WordPress dashboard and select Appearance.
  3. Activate the Materialize Genesis theme.
  4. Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.

Building from Source

  1. Install Git.
  2. Clone the repository to your local machine.
  3. Install Node.
  4. Install Yarn.
  5. Install Gulp globally.
  6. Run yarn install to install dependencies through terminal/CLI program.
  7. Replace site url in line 48 of gulpfile.js to your local development URL(e.g. http://bootstrap.test).
  8. Run gulp through your favorite CLI program.

Note: I suggest using package manager to install Git, Node and Yarn. You can use Homebrew if you're on a Mac or Linux/WSL, Scoop or Chocolatey if you're on Windows.


  1. MaterializeCSS
  2. Bootstrap components
    • Comment Form
    • Search Form
    • Navbar
  3. Sass
  4. Gulp
  5. Footer Widgets(modified to add MaterializeCSS column classes based on the number of widget areas)
  6. TGM Plugin Activation Support


  • Multi-level dropdown


Without these projects, this theme wouldn't be where it is today.

Popular Theme Projects
Popular Wordpress Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.