Command Palette

Search for a command to run...

Page Inspect

https://materializecss.com/
Internal Links
56
External Links
39
Images
35
Headings
7

Page Content

Title:Documentation - Materialize
Description:Materialize is a modern responsive CSS framework based on Material Design by Google.
HTML Size:25 KB
Markdown Size:2 KB
Fetched At:November 18, 2025

Page Structure

h1Materialize
h4A modern responsive front-end framework based on Material Design
h3Showcase
h3Themes
h5Help Materialize Grow
h5Connect
h5Patreon Sponsors

Markdown Content

Documentation - Materialize

*menu*

- Your browser does not support SVG
- 1.0.0
- 1.0.0
- 0.100.2
- *search*
- About
- Getting Started
- - CSS

- Color
- Grid
- Helpers
- Media
- Pulse
- Sass
- Shadow
- Table
- Transitions
- Typography
- Components

- Badges
- Buttons
- Breadcrumbs
- Cards
- Collections
- Floating Action Button
- Footer
- Icons
- Navbar
- Pagination
- Preloader
- JavaScript

- Auto Init
- Carousel
- Collapsible
- Dropdown
- FeatureDiscovery
- Media
- Modals
- Parallax
- Pushpin
- Scrollspy
- Sidenav
- Tabs
- Toasts
- Tooltips
- Waves
- Forms

- Autocomplete
- Checkboxes
- Chips
- Pickers
- Radio Buttons
- Range
- Select
- Switches
- Text Inputs
- Mobile
- Showcase
- Themes

# Materialize

#### A modern responsive front-end framework based on Material Design

Get Started Upgrade from 0.100.2

Release: 1.0.0



Latest Commit on Github:       Github

*flash\_on*

Speeds up development

We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.

*group*

User Experience Focused

By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.

*settings*

Easy to work with

We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.

### Showcase

Checkout what people are creating with Materialize. Get inspired by these beautiful sites and you can even submit your own website to be showcased here.

Explore our Showcase

### Themes

Take a look at our official themes for Materialize.



Explore our Themes

##### Help Materialize Grow

We hope you have enjoyed using Materialize and if you feel like it has helped you out and want to support the team you can help us by donating or backing us on Patreon.

Support Us

##### Connect

Follow @MaterializeCSS

##### Patreon Sponsors

© 2014-

2018

Materialize, All rights reserved. MIT License