About

Learn about Material Design and our Project Team.

Material Design

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.

Principles

Material is the metaphor

The metaphor of material defines the relationship between space and motion. The idea is that the technology is inspired by paper and ink and is utilized to facilitate creativity and innovation. Surfaces and edges provide familiar visual cues that allow users to quickly understand the technology beyond the physical world.

Bold, graphic, intentional

Elements and components such as grids, typography, color, and imagery are not only visually pleasing, but also create a sense of hierarchy, meaning, and focus. Emphasis on different actions and components create a visual guide for users.

Motion provides meaning

Motion allows the user to draw a parallel between what they see on the screen and in real life. By providing both feedback and familiarity, this allows the user to fully immerse him or herself into unfamiliar technology. Motion contains consistency and continuity in addition to giving users additional subconscious information about objects and transformations.

Meet the Team

The community

Due to inactivity of the original developers, MaterializeCSS has been forked by a community of enthusiasts, which continues to be fully maintained by open source principes since 2021. Without the many contributors who participated in this fork, this project would probably not have received any updates anymore :

Alvin Wang
Alvin Wang

💻
Alan Chang
Alan Chang

💻
Daniel Ruf
Daniel Ruf

💻
Tom Scholz
Tom Scholz

💻
Antony Kurniawan
Antony Kurniawan

💻
ハトネコエ
ハトネコエ

💻
Alex Mark
Alex Mark

💻
Allie
Allie

💻
klouie93
klouie93

💻
ShinProg (Logan Tann)
ShinProg (Logan Tann)

💻
Afif Sohaili
Afif Sohaili

💻
Daniel Wurzer
Daniel Wurzer

💻
Devansh
Devansh

💻
Ivan velasquez
Ivan velasquez

💻
Christina Voudouris
Christina Voudouris

💻
Gediminas Bivainis
Gediminas Bivainis

💻
Robin Bortlík
Robin Bortlík

💻
胡玮文
胡玮文

💻
Kevin Gathuku
Kevin Gathuku

💻
Calamari
Calamari

💻
aularon
aularon

💻
radiolegacy
radiolegacy

💻
Niels Becker
Niels Becker

💻
Ramunas
Ramunas

💻
Sonia
Sonia

💻
Daniel Eck
Daniel Eck

💻
Philip Raets
Philip Raets

💻
Don Hartman
Don Hartman

💻
Anirudh Prabhu
Anirudh Prabhu

💻
Cerothen
Cerothen

💻
Chris Beaven
Chris Beaven

💻
Gabriel Jean
Gabriel Jean

💻
Otman Bouchari
Otman Bouchari

💻
Sudhanshu
Sudhanshu

💻
Szabó Gergő
Szabó Gergő

💻
Colton Fitzgerald
Colton Fitzgerald

💻
Luca Mussi
Luca Mussi

💻
Max
Max

💻
Alexis Diel
Alexis Diel

💻
Warren Rodrigues
Warren Rodrigues

💻
ABeltramo
ABeltramo

💻
wongalvis
wongalvis

💻
sosohero
sosohero

💻
David Aylaian
David Aylaian

💻
Deiwin Sarjas
Deiwin Sarjas

💻
Frank Topel
Frank Topel

💻
Gabriel Caruso
Gabriel Caruso

💻
Gabriel Rubens Abreu
Gabriel Rubens Abreu

💻
Jesús Martínez Novo
Jesús Martínez Novo

💻
Jonathan Path
Jonathan Path

💻
José Ney Guerrero
José Ney Guerrero

💻
Keith Miyake
Keith Miyake

💻
LustyRain
LustyRain

💻
Mark Solters
Mark Solters

💻
martinglover
martinglover

💻
Sajad Torkamani
Sajad Torkamani

💻
Tom Elssjö
Tom Elssjö

💻
Zeger Hoogeboom
Zeger Hoogeboom

💻
JJ Keith
JJ Keith

💻
Wigger Boelens
Wigger Boelens

💻
Zach Nickel
Zach Nickel

💻
Anthony Nandaa
Anthony Nandaa

💻
Adrienne Braganza Tacke
Adrienne Braganza Tacke

💻
Alex Rock
Alex Rock

💻
Andrey Helldar
Andrey Helldar

💻
Archimedes Trajano
Archimedes Trajano

💻
Austin
Austin

💻
Braden Kelley
Braden Kelley

💻
Dan Dascalescu
Dan Dascalescu

💻
Derek Liang
Derek Liang

💻
Donald Averill
Donald Averill

💻
Dyego Costa
Dyego Costa

💻
Erik C. Forés
Erik C. Forés

💻
Hugo Josefson
Hugo Josefson

💻
Joon Hwan 김준환
Joon Hwan 김준환

💻
Joseph Schultz
Joseph Schultz

💻
Kenneth Trecy Tobias
Kenneth Trecy Tobias

💻
Konrad Jurk
Konrad Jurk

💻
Madhavi Trivedi
Madhavi Trivedi

💻
MageGenius
MageGenius

💻
Marijn Mensinga
Marijn Mensinga

💻
k2s
k2s

💻
Mateus Craveiro
Mateus Craveiro

💻
Mikhail Podgurskiy
Mikhail Podgurskiy

💻
Nicolas Charpentier
Nicolas Charpentier

💻
Owen Campbell-Moore
Owen Campbell-Moore

💻
Pascal Borreli
Pascal Borreli

💻
Robin Mehner
Robin Mehner

💻
Ryan Tablada
Ryan Tablada

💻
Andrey Petrenko
Andrey Petrenko

💻
Shailendra Sharma
Shailendra Sharma

💻
Shawn Toffel
Shawn Toffel

💻
Subhash Chandra
Subhash Chandra

💻
SuperDJ
SuperDJ

💻
Takahiro Ikeuchi
Takahiro Ikeuchi

💻
Tome
Tome

💻
Tom Herold
Tom Herold

💻
Zaid Huda
Zaid Huda

💻
aschoenebeck
aschoenebeck

💻
Colin
Colin

💻
Kyle Baker
Kyle Baker

💻
jmiedel
jmiedel

💻
Kosuge Kazuya
Kosuge Kazuya

💻
roiLeo
roiLeo

💻
Victor Sodré
Victor Sodré

💻
Iaroslav Shepilov
Iaroslav Shepilov

💻
Ben Elliott
Ben Elliott

💻
Erik Krogh Kristensen
Erik Krogh Kristensen

💻
Abin Thomas
Abin Thomas

💻
Abraham Alcaina
Abraham Alcaina

💻
Ilogik
Ilogik

💻
Alex Gausman
Alex Gausman

💻
Ali OYGUR
Ali OYGUR

💻
Aleksandr Zidyganov
Aleksandr Zidyganov

💻
Amit Agarwal
Amit Agarwal

💻
Andrii Fedyk
Andrii Fedyk

💻
Vallée Antoine
Vallée Antoine

💻
Adamansky Anton
Adamansky Anton

💻
Arda Çebi
Arda Çebi

💻
Aviel Fedida
Aviel Fedida

💻
Benjamin Vadant
Benjamin Vadant

💻
Bill Fienberg
Bill Fienberg

💻
Boris K
Boris K

💻
Paul Bottein
Paul Bottein

💻
Bryan Ollendyke
Bryan Ollendyke

💻
Chase Ponti
Chase Ponti

💻
yang2007chun
yang2007chun

💻
Philipp Bauer
Philipp Bauer

💻
Cristian Zazo
Cristian Zazo

💻
Cyrille Colin
Cyrille Colin

💻
Florian Saleur
Florian Saleur

💻
Dallas Frank
Dallas Frank

💻
drainx
drainx

💻
Danny Andrews
Danny Andrews

💻
Danny Ritterman
Danny Ritterman

💻
David Martínez Rodríguez
David Martínez Rodríguez

💻
David Vultur
David Vultur

💻
Diogo Correia
Diogo Correia

💻
Dmitry Murzin
Dmitry Murzin

💻
Dmitriy
Dmitriy

💻
Dmitry Suhanov
Dmitry Suhanov

💻
Douglas Gontijo
Douglas Gontijo

💻
DateTime
DateTime

💻
Farid Nouri Neshat
Farid Nouri Neshat

💻
Filipe Correia
Filipe Correia

💻
Filipe Lima
Filipe Lima

💻
Florian Merz
Florian Merz

💻
George Cheng
George Cheng

💻
gerchatzida
gerchatzida

💻
José David Cano Pérez
José David Cano Pérez

💻
Guilherme Pereira
Guilherme Pereira

💻
Gwendal
Gwendal

💻
HIRANO Satoshi
HIRANO Satoshi

💻
Hao Jia
Hao Jia

💻
Harrinson Mosquera
Harrinson Mosquera

💻
IAMtheIAM
IAMtheIAM

💻
Ilia Loriakov
Ilia Loriakov

💻
Israel Madueme
Israel Madueme

💻
Italo Maia
Italo Maia

💻
Luke James
Luke James

💻
Ivan Tugay
Ivan Tugay

💻
Ivan Suslov
Ivan Suslov

💻
Jacob
Jacob

💻
James Liu
James Liu

💻
ioncorimenia
ioncorimenia

💻
Jason Won
Jason Won

💻
Jeff Held
Jeff Held

💻
Jeremy Cantu
Jeremy Cantu

💻
Jeremy Danyow
Jeremy Danyow

💻
Jesper Bjerke
Jesper Bjerke

💻
Jesse Nieminen
Jesse Nieminen

💻
Jiri Spac
Jiri Spac

💻
Johann-S
Johann-S

💻
John Rivs
John Rivs

💻
Jonathan Garbee
Jonathan Garbee

💻
Juan Sebastián Montoya
Juan Sebastián Montoya

💻
Julien Chaumont
Julien Chaumont

💻
Karthik K
Karthik K

💻
Kevin Kirsche
Kevin Kirsche

💻
Konstantin N.
Konstantin N.

💻
Kovacs Nicolas
Kovacs Nicolas

💻
Leonidez Acosta
Leonidez Acosta

💻
Linus Groh
Linus Groh

💻
Louis Bailleau
Louis Bailleau

💻
Luan Muniz
Luan Muniz

💻
Lucas Lampe
Lucas Lampe

💻
Lucian I. Last
Lucian I. Last

💻
MELVIN GEORGE
MELVIN GEORGE

💻
Emanuel Zienecker
Emanuel Zienecker

💻
Marco Botto
Marco Botto

💻
Marco Rivadeneyra
Marco Rivadeneyra

💻
Martin
Martin

💻
Marvin
Marvin

💻
Matt Stevens
Matt Stevens

💻
Matthieu Boileau
Matthieu Boileau

💻
Matthieu d'Oultremont
Matthieu d'Oultremont

💻
Mike North
Mike North

💻
Mike Robinson
Mike Robinson

💻
Stéphane Monnot
Stéphane Monnot

💻
Munawwar
Munawwar

💻
smileytechguy
smileytechguy

💻
Noah van der Aa
Noah van der Aa

💻
Olivier Daire
Olivier Daire

💻
Sergey Odintsov
Sergey Odintsov

💻
Patrick Walters
Patrick Walters

💻
Pete Corey
Pete Corey

💻
R Steiner
R Steiner

💻
Rahul Kumar
Rahul Kumar

💻
Ramy Ben Aroya
Ramy Ben Aroya

💻
RaquelAM
RaquelAM

💻
Rennan Oliveira
Rennan Oliveira

💻
Richard de Wit
Richard de Wit

💻
lon9
lon9

💻
Rune Antonsen
Rune Antonsen

💻
Salas
Salas

💻
Wemyss
Wemyss

💻
Linus
Linus

💻
Santan Maddi
Santan Maddi

💻
Sean Doherty
Sean Doherty

💻
pwcreative
pwcreative

💻
Shannon Lee
Shannon Lee

💻
Simon George
Simon George

💻
Michael J. Perez
Michael J. Perez

💻
Stefan Weil
Stefan Weil

💻
Stuart Taylor
Stuart Taylor

💻
Subin Siby
Subin Siby

💻
Sumit Kar
Sumit Kar

💻
Sébastien Côté
Sébastien Côté

💻
Sebastien Valencia
Sebastien Valencia

💻
Talagozis Christos
Talagozis Christos

💻
The Gitter Badger
The Gitter Badger

💻
Tim Martin
Tim Martin

💻
Timon van Spronsen
Timon van Spronsen

💻
Timothy Pfafman
Timothy Pfafman

💻
Tomas Romero
Tomas Romero

💻
Tommy Mönnich
Tommy Mönnich

💻
Trey Huffine
Trey Huffine

💻
Vaalyn
Vaalyn

💻
Victor Baranov
Victor Baranov

💻
Vincent Taing
Vincent Taing

💻
Vinicius Melquiades
Vinicius Melquiades

💻
Will
Will

💻
Willson Mock
Willson Mock

💻
Wonkeun No
Wonkeun No

💻
Wouter Dam
Wouter Dam

💻
xavi blanch
xavi blanch

💻
Yash Kumar Verma
Yash Kumar Verma

💻
Youri van der Lans
Youri van der Lans

💻
yuya
yuya

💻
Zach Surgett
Zach Surgett

💻
ajoy
ajoy

💻
Ankit Pati
Ankit Pati

💻
bisubus
bisubus

💻
boustanihani
boustanihani

💻
Brent Lewis
Brent Lewis

💻
charlesdagenais
charlesdagenais

💻
chee
chee

💻
Peter Jacobs
Peter Jacobs

💻
Oleh Kuchuk
Oleh Kuchuk

💻
fabyeah
fabyeah

💻
Giovanni
Giovanni

💻
hebbet
hebbet

💻
hudsontaylor
hudsontaylor

💻
javy-
javy-

💻
jeroenqui
jeroenqui

💻
1337 H4X0|2
1337 H4X0|2

💻
Licryle
Licryle

💻
jilux
jilux

💻
Kamil Breguła
Kamil Breguła

💻
Mengdi Chen
Mengdi Chen

💻
Menelik Tucker
Menelik Tucker

💻
Niek Kruse
Niek Kruse

💻
Nisala Kalupahana
Nisala Kalupahana

💻
notSagyo
notSagyo

💻
Nick S.
Nick S.

💻
oznazilli
oznazilli

💻
Paulina Alejandra Pacheco Morales
Paulina Alejandra Pacheco Morales

💻
ray007
ray007

💻
timtribers
timtribers

💻
vsopvsop
vsopvsop

💻
Jacob
Jacob

💻
Xavier Hanrot
Xavier Hanrot

💻
Mauro Mascarenhas de Araújo
Mauro Mascarenhas de Araújo

💻
Daniel Calbet
Daniel Calbet

💻
Ilan Schemoul
Ilan Schemoul

💻
OlivierMadant
OlivierMadant

💻
Dev
Dev

💻
Danish Hakim
Danish Hakim

💻
manusandoval05
manusandoval05

💻
Cypherpunk Samurai
Cypherpunk Samurai

💻
Antti Ellilä
Antti Ellilä

💻
benelliottgsa
benelliottgsa

💻
Adam Parent
Adam Parent

💻
Mathias Petermann
Mathias Petermann

💻
ajoy
ajoy

💻
chdagenais
chdagenais

💻
Stefan Giehl
Stefan Giehl

💻
The original team

MaterializeCSS was originally launched in 2014 by a team of students from Carnegie Mellon University. After 4 years of development, the latest official release was released in September 2018 and received more than 38K stars on github.


Alvin Wang

Alvin is an Information Systems and Human Computer Interaction Major. He worked as a Software Engineer at Fidelity Investments this past summer.

Alan Chang

Alan is an Information Systems major with a minor in computer science. He worked at as a Front End Developer at Shift Collaborative this past summer.

Alex Mark

Alex is an Information Systems major with a minor in Human Computer Interaction. He worked as a software developer for Intuit this past summer.

Kevin Louie

Kevin is an Information Systems major with a minor in Human Computer Interaction. This past summer, he worked as a technology analyst at PPG Industries.