# material.io

> AI-optimized mirror of material.io containing 50 pages totalling 5,925 words of clean markdown content, structured data, and semantic HTML. Original source: https://material.io/. Last updated: 2026-05-01T19:02:39.295Z.

Each page is available as HTML (with JSON-LD structured data) and Markdown (text-only, ideal for LLMs and RAG).

## Homepage

- [Material Design](/site-root.html): Material Design 3 - Google's open-source design system, provides comprehensive guidelines, styles, &  components to create user-friendly interfaces. (381 words)

## Articles & Blog Posts

- [components/data-tables/index.html](/components/data-tables/index.html) (1 words)
- [components/chips/web/index.html](/components/chips/web/index.html) (1 words)
- [components/chips/flutter/index.html](/components/chips/flutter/index.html) (1 words)
- [components/chips/ios/index.html](/components/chips/ios/index.html) (1 words)
- [components/chips/android/index.html](/components/chips/android/index.html) (1 words)
- [components/checkboxes/index.html](/components/checkboxes/index.html) (1 words)
- [components/cards/web/index.html](/components/cards/web/index.html) (1 words)
- [components/cards/ios/index.html](/components/cards/ios/index.html) (1 words)
- [components/cards/flutter/index.html](/components/cards/flutter/index.html) (1 words)
- [components/buttons/web/index.html](/components/buttons/web/index.html) (1 words)
- [components/cards/android/index.html](/components/cards/android/index.html) (1 words)
- [components/buttons/flutter/index.html](/components/buttons/flutter/index.html) (1 words)
- [components/buttons/ios/index.html](/components/buttons/ios/index.html) (1 words)
- [components/buttons/android/index.html](/components/buttons/android/index.html) (1 words)
- [components/bottom-navigation/flutter/index.html](/components/bottom-navigation/flutter/index.html) (1 words)
- [components/bottom-navigation/ios/index.html](/components/bottom-navigation/ios/index.html) (1 words)
- [components/bottom-navigation/android/index.html](/components/bottom-navigation/android/index.html) (1 words)
- [components/banners/web/index.html](/components/banners/web/index.html) (1 words)
- [components/banners/index.html](/components/banners/index.html) (1 words)
- [components/backdrop/index.html](/components/backdrop/index.html) (1 words)
- [components/app-bars-bottom/ios/index.html](/components/app-bars-bottom/ios/index.html) (1 words)
- [components/app-bars-bottom/android/index.html](/components/app-bars-bottom/android/index.html) (1 words)
- [How Google created a custom Material theme](/blog/google-material-custom-theme/index.html): Learn how Gmail, Google News, Google Pay, and Google Home use Material Design. Also, explore how to customize Google Material's design system. (1,555 words)
- [components/index.html](/components/index.html) (1 words)
- [collections/google-io18/index.html](/collections/google-io18/index.html) (1 words)
- [components/bottom-navigation/index.html](/components/bottom-navigation/index.html) (1 words)
- [blog/material-partner-studies/index.html](/blog/material-partner-studies/index.html) (1 words)
- [blog/design-material-theme-color/index.html](/blog/design-material-theme-color/index.html) (1 words)
- [Finding Wellbeing in Filters and Selfies](/blog/digital-wellbeing-face-retouching/index.html): Building transparency and control into face retouching (1,057 words)
- [How to Find Device Metrics for Any Screen](/blog/device-metrics/index.html): Learn how to calculate the right measurements for design across devices with Material Design. Maximizing web design for optimal device metrics. (1,372 words)
- [components/banners/flutter/index.html](/components/banners/flutter/index.html) (1 words)
- [components/app-bars-bottom/flutter/index.html](/components/app-bars-bottom/flutter/index.html) (1 words)
- [Chips](/components/chips/index.html): Chips help people enter information, make selections, filter content, or trigger actions. Four types of chips are: assist, filter, input, and suggestion. (528 words)
- [Buttons](/components/buttons/index.html): Buttons help people take action, such as sending an email, sharing a document, or liking a comment. Common buttons prompt most actions in a UI. (415 words)
- [This page cannot be found](/blog/whats-new-material-you/index.html): Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. (99 words)
- [Cards](/components/cards/index.html): Cards display content and actions about a single subject. Explore three types: elevated, filled and outlined. (476 words)
- [components/app-bars-bottom/index.html](/components/app-bars-bottom/index.html) (1 words)
- [components/buttons-floating-action-button/index.html](/components/buttons-floating-action-button/index.html) (1 words)
- [components/buttons-floating-action-button/web/index.html](/components/buttons-floating-action-button/web/index.html) (1 words)
- [components/buttons-floating-action-button/ios/index.html](/components/buttons-floating-action-button/ios/index.html) (1 words)
- [components/buttons-floating-action-button/android/index.html](/components/buttons-floating-action-button/android/index.html) (1 words)
- [components/buttons-floating-action-button/flutter/index.html](/components/buttons-floating-action-button/flutter/index.html) (1 words)
- [components/app-bars-top/web/index.html](/components/app-bars-top/web/index.html) (1 words)
- [components/app-bars-top/flutter/index.html](/components/app-bars-top/flutter/index.html) (1 words)
- [components/app-bars-top/index.html](/components/app-bars-top/index.html) (1 words)
- [components/app-bars-top/android/index.html](/components/app-bars-top/android/index.html) (1 words)
- [components/app-bars-top/ios/index.html](/components/app-bars-top/ios/index.html) (1 words)
- [blog/index.html](/blog/index.html) (1 words)
- [sitemap-xml.html](/sitemap-xml.html) (1 words)

## Resources

- [Full Page Index](/index.html): Browse all cached pages with rich metadata
- [About This Cache](/content/about.html): Methodology, technical details, and usage guidelines
- [XML Sitemap](/content/sitemap.xml): Machine-readable sitemap for crawler discovery
- [Robots.txt](/content/robots.txt): Crawler directives