https://m3.material.io/2025-07-18https://m3.material.io/blog/2023-google-fonts-redesign2024-07-05https://m3.material.io/blog/24-hour-clock-design-research2024-04-15https://m3.material.io/blog/5-steps-large-screen-apps2024-04-15https://m3.material.io/blog/accessibility-awareness-day-20222024-04-15https://m3.material.io/blog/android-dark-theme-tutorial2024-04-15https://m3.material.io/blog/android-material-motion2024-12-19https://m3.material.io/blog/android-material-theme-color2024-12-23https://m3.material.io/blog/android-material-theme-shape2024-12-26https://m3.material.io/blog/android-material-theme-type2024-12-26https://m3.material.io/blog/android-stable-release-1-10-02024-12-19https://m3.material.io/blog/android-stable-release-1-12-02024-12-26https://m3.material.io/blog/android-stable-release-1-22024-04-16https://m3.material.io/blog/android-stable-release-1-3-02024-12-26https://m3.material.io/blog/android-stable-release-1-42024-12-26https://m3.material.io/blog/android-stable-release-1-52024-04-15https://m3.material.io/blog/android-stable-release-1-6-12024-12-26https://m3.material.io/blog/android-stable-release-1-7-02024-04-15https://m3.material.io/blog/android-stable-release-1-8-02024-12-26https://m3.material.io/blog/android-stable-release-1-9-02024-04-15https://m3.material.io/blog/announcing-material-you2024-12-23https://m3.material.io/blog/asset-people-12024-04-15https://m3.material.io/blog/asset-people-22024-04-15https://m3.material.io/blog/asset-people-32024-04-15https://m3.material.io/blog/atkinson-hyperlegible-design2024-12-19https://m3.material.io/blog/building-with-m3-expressive2025-07-18https://m3.material.io/blog/color-fonts-are-here2024-12-19https://m3.material.io/blog/dark-theme-design-tutorial-video2024-12-23https://m3.material.io/blog/data-visualization-accessibility2024-12-23https://m3.material.io/blog/derek-brahney-interview2024-04-15https://m3.material.io/blog/design-material-theme-color2024-12-23https://m3.material.io/blog/design-material-theme-shape2024-06-04https://m3.material.io/blog/design-material-theme-type2024-04-15https://m3.material.io/blog/designer-toolbox-figma-android-studio-relay2024-12-23https://m3.material.io/blog/designing-text-visual-acuity-research2024-04-16https://m3.material.io/blog/designtocode2024-11-11https://m3.material.io/blog/device-metrics2024-12-23https://m3.material.io/blog/digital-wellbeing-design-systems2024-04-15https://m3.material.io/blog/digital-wellbeing-face-retouching2024-04-16https://m3.material.io/blog/digital-wellbeing-ux-principles2024-04-15https://m3.material.io/blog/dynamic-color-harmony2024-04-15https://m3.material.io/blog/finding-ethical-design2024-04-15https://m3.material.io/blog/fonts-are-software-video2024-04-15https://m3.material.io/blog/get-google-fonts-update2024-12-23https://m3.material.io/blog/google-design-tutorial-video2024-06-04https://m3.material.io/blog/google-fonts-dark-theme2024-04-15https://m3.material.io/blog/google-fonts-knowledge2024-12-23https://m3.material.io/blog/google-fonts-material-icons2024-12-23https://m3.material.io/blog/google-fonts-pairing-figma2024-11-11https://m3.material.io/blog/google-io-20242024-11-04https://m3.material.io/blog/google-material-custom-theme2024-12-23https://m3.material.io/blog/how-to-gemini-app-compose-material-design-32024-12-23https://m3.material.io/blog/how-to-make-text-more-accessible2024-11-11https://m3.material.io/blog/inclusive-imagery-at-google2024-04-15https://m3.material.io/blog/interview-oddfellows-m3-art-style2024-04-15https://m3.material.io/blog/introducing-symbols2024-12-23https://m3.material.io/blog/jamie-chung-photography-interview2024-04-15https://m3.material.io/blog/jetpack-compose-beta2024-04-15https://m3.material.io/blog/jetpack-compose-catalog2024-12-23https://m3.material.io/blog/localization-principles-techniques2024-12-19https://m3.material.io/blog/m3-a11y2024-04-15https://m3.material.io/blog/m3-expressive-motion-theming2025-09-24https://m3.material.io/blog/material-3-carousel-research-design2024-04-15https://m3.material.io/blog/material-3-compose-1-12024-12-26https://m3.material.io/blog/material-3-compose-1-22024-12-23https://m3.material.io/blog/material-3-compose-1-32024-09-16https://m3.material.io/blog/material-3-compose-stable2025-03-11https://m3.material.io/blog/material-3-figma-design-kit2024-04-15https://m3.material.io/blog/material-3-slot-components-figma2025-05-13https://m3.material.io/blog/material-ads-20222024-04-15https://m3.material.io/blog/material-density-web2024-04-15https://m3.material.io/blog/material-design-2022-roundup2024-04-15https://m3.material.io/blog/material-design-awards-20212024-04-15https://m3.material.io/blog/material-design-blog-welcome2024-04-16https://m3.material.io/blog/material-design-for-large-screens2024-12-23https://m3.material.io/blog/material-design-wordpress-plugin2024-04-17https://m3.material.io/blog/material-design-wordpress-plugin-0302024-12-23https://m3.material.io/blog/material-design-xr-dev-preview2025-04-30https://m3.material.io/blog/material-design-youtube-channel2024-04-15https://m3.material.io/blog/material-google-io212024-06-04https://m3.material.io/blog/material-google-io222024-11-11https://m3.material.io/blog/material-google-io232024-04-15https://m3.material.io/blog/material-icons-sehee-lee-interview2024-04-15https://m3.material.io/blog/material-io-redesign2024-12-23https://m3.material.io/blog/material-partner-studies2024-04-15https://m3.material.io/blog/material-theme-builder2024-12-18https://m3.material.io/blog/material-theme-builder-2-color-match2024-12-26https://m3.material.io/blog/material-you-large-screens2024-04-15https://m3.material.io/blog/mda-2020-winners2024-04-15https://m3.material.io/blog/mda-2021-winners2024-04-15https://m3.material.io/blog/migrate-android-material-components2024-12-19https://m3.material.io/blog/migrating-material-32024-04-16https://m3.material.io/blog/motion-research-container-transform2024-04-15https://m3.material.io/blog/noto-announcement2024-04-15https://m3.material.io/blog/readability-consortium2024-04-15https://m3.material.io/blog/readability-research2024-04-15https://m3.material.io/blog/readex-pro-legibility-arabic-type-design2024-12-23https://m3.material.io/blog/reduce-reflow-with-web-fonts2024-12-23https://m3.material.io/blog/relay-in-alpha2024-04-15https://m3.material.io/blog/relay-ravn-case-study2024-04-15https://m3.material.io/blog/research-state-of-design-systems-20202024-04-15https://m3.material.io/blog/roboto-flex2024-12-23https://m3.material.io/blog/roboto-serif2024-12-23https://m3.material.io/blog/science-of-color-design2024-11-29https://m3.material.io/blog/shantell-martin-variable-font2024-12-23https://m3.material.io/blog/sil-typefaces2024-12-23https://m3.material.io/blog/start-building-with-material-you2024-12-23https://m3.material.io/blog/ten-steps-ios-android-design2024-12-19https://m3.material.io/blog/testing-material-32025-04-30https://m3.material.io/blog/tone-based-surface-color-m32024-12-23https://m3.material.io/blog/whats-new-design-kit2024-12-23https://m3.material.io/blog/why-we-recommend-material-design-components-android2024-12-23https://m3.material.io/blog/year-in-the-life-material-design-advocate2024-04-15https://m3.material.io/components2024-12-04https://m3.material.io/components/all-buttons2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4kdl8gi-1.png?alt=media&token=78222465-efb0-405d-9e25-3a771b475e3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0gpi7ar-2.png?alt=media&token=e31c5827-b4dd-4fdd-83de-d109e43641c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k8798m-3.png?alt=media&token=1f675b98-035f-4adf-97c2-a8375a437370https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k87hb1-4.png?alt=media&token=e3effe4b-5a28-4eb6-89b9-2a4cc3fd5d17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k87km1-5.png?alt=media&token=2429b8b4-abef-4285-918f-fa59a525ce3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k87oz2-6.png?alt=media&token=2d9a1ec8-e9a8-4a8d-84b9-438e42016d16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k87stt-7.png?alt=media&token=7fa90222-a791-4276-944d-4122dc855061https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4k87x4t-8.png?alt=media&token=804d28f2-8df3-4b20-a9cf-b279bf566bffhttps://m3.material.io/components/app-bars/accessibility2026-03-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos7r6g-04.png?alt=media&token=2389b948-f4b3-420d-9e6e-34f543525c2fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos8gq8-05.png?alt=media&token=bafd0e8c-7cfe-4ee8-844e-d45367dc8a61https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos5etv-06-do.png?alt=media&token=e55a083f-5a33-4ecc-9fef-d5946838d02dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos65h6-07-dont.png?alt=media&token=0281bfc2-6d34-4c43-b2d3-e55f3b4e1e07https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos1na5-08.png?alt=media&token=ad772624-922f-47f4-9bba-45c4e4129396https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlos0avb-09.png?alt=media&token=ea50a8f1-f6ec-4c0d-9693-c381e6b86ed0An animation of the user tapping on an action item and the ripple effect being shown.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlosdik1-GM3%20-%20App-bar%20-%20Accessibility%2001%20-%20IA%20-%20v01.mp4?alt=media&token=a64b98b3-db51-4137-bfa8-b481c5aa21ad2026-03-06A mouse hovering over a button in the app bar, then clicking.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlosc4c9-GM3%20-%20App-bar%20-%20Accessibility%20-%2002%20-%20IA%20-%20v01.mp4?alt=media&token=bee4841d-d415-4dd5-b247-ad3df00c5cf72026-03-06An example of how to navigate the app bar using a keyboard.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlosad0z-GM3%20-%20App-bar%20-%20Accessibility%20-%2003%20-%20IA%20-%20v01.mp4?alt=media&token=c39b29d2-ff9a-4bd4-a6f6-94e717cb22532026-03-06https://m3.material.io/components/app-bars/guidelines2026-03-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnt9v4x-01.png?alt=media&token=0cdcf9fb-c1f2-4dd5-8746-6e414feee9bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntdon8-02.png?alt=media&token=7474bc26-0192-42ed-9ae4-d429ee924607https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnth1j3-03.png?alt=media&token=20971f34-e3ce-481d-ab93-7e6515060d07https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntiy4b-04-do.png?alt=media&token=377f38d5-e584-48cc-bc4c-7b6924efb2bdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntjjnv-05-dont.png?alt=media&token=7edfa0f2-f8ca-4ccc-a273-8fc079488693https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntmieq-06.png?alt=media&token=c19118e7-becf-4020-9834-4808d65dff6ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntnwot-07.png?alt=media&token=dda26bc8-d2d7-4573-a638-b392ab477962https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntr0ls-08.png?alt=media&token=3d8eef75-94d0-4d8f-9ccf-fbda3f747b4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntrvt2-09.png?alt=media&token=1cbbdac4-2b41-433c-a6f0-f9eaefdb7f86https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntvpyq-10.png?alt=media&token=e8605375-74f6-4f86-95ba-3cbf97a0abb9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlntz91y-11.png?alt=media&token=9075c294-0618-48e2-ad59-fa6c078f1d9fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnu01cf-12-Dont.png?alt=media&token=0e553615-403a-4262-82e9-e288d7c660e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnu4je0-13.png?alt=media&token=7e18830b-0ad8-4daf-bd6c-a4444703e399https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnu68g2-14.png?alt=media&token=1a01e007-1a24-4d4e-844e-2974b56e060bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnub2xp-15.png?alt=media&token=3c28ab87-33b2-4e09-b2b7-207d28656b2fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnuf0r2-16-do.png?alt=media&token=1fb862a0-8a65-4d93-af58-23b8f45e9603https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnugbt5-17-dont.png?alt=media&token=c7c569a5-2a81-4583-a069-489e9e24fba9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnuiiym-18-Do.png?alt=media&token=9eb7bc81-3b55-4eea-bd7b-056e75806c41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnuja9a-19-Don't.png?alt=media&token=1545b8ba-fdf0-47ac-8a4a-ff46376cd5d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnuliot-20.png?alt=media&token=adba677c-2152-4281-8bd4-f8716770b7afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnumedg-21.png?alt=media&token=3e674e2f-9102-4572-8d2d-b53da2435447https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnurf1u-22-Do.png?alt=media&token=3a5b3bbb-92c1-4a5b-9bd1-7e14e49c3ad2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnus8yg-23-Don't.png?alt=media&token=5fd85933-3b19-4bd6-8d78-f0740a229798https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnuwnod-24.png?alt=media&token=b7d50c26-4b22-499d-937e-b8a46da6c6d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnvaru4-25.png?alt=media&token=2f11cf07-6128-4ce8-b884-25d866b7a3abhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnvbo80-26.png?alt=media&token=486aa96c-7657-4afe-9ef1-79af0f159f63https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnvcdyc-27-Do.png?alt=media&token=cdca83fa-7075-404b-aa93-c226a2252ef5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlnvcyu3-28-Caution.png?alt=media&token=bc0b91fe-454e-4dcc-ba4c-37c03fd1633chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6doc5-32.png?alt=media&token=c3eed041-8305-4c9b-94de-18360f723822App bar resizing to wider view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp67nmz-GM3%20-%20Top%20App-Bar%20-%20Responsive%20-%201P%20-%20v01.mp4?alt=media&token=3817c0ad-c435-480d-8464-bfaf3ec1632d2026-03-06Trailing icons in app bar collapse into overflow when screen size shrinks.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaco62fo-GM3_Adaptive_AppBar_Guidelines_25_IA_V01.mp4?alt=media&token=b95b82f8-cd29-4351-b159-3ef00dc7ed272026-03-06Search app bar resizing to wider view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6cznn-GM3%20-%20App-bar%20-%20Guidelines_31%20-%20IA%20-%20v05.mp4?alt=media&token=9baefced-7a09-4d12-89e1-a2bd3468c0362026-03-06Scrolling app bar container fills with contrasting color.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6geio-GM3%20-%20App-bar%20-%20Guidelines%2033%20-%20v01.mp4?alt=media&token=7d677477-0259-4855-85ff-0babbf9bbb272026-03-06Medium flexible app bar compresses to transform into transparent small app bar.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6hnuc-GM3%20-%20App-bar%20-%20Guideline%2034%20-%20IA%20-%20v03.mp4?alt=media&token=a2c8d4fc-4951-4bc3-a845-fa29260b82872026-03-06A search app bar opening the search view component when selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6jluz-GM3%20-%20App-bar%20-%20Guidelines%2034%20-%20IA%20-%20v01.mp4?alt=media&token=7298f84c-2b09-41dc-a5a9-a500a37b55ba2026-03-06Scrolling top app bar compressing to scroll upwards or downward.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6o2a1-GM3%20-%20App-bar%20-%20Guidelines%2036%20-%20v01.mp4?alt=media&token=32fb22cd-ab4f-432e-92ba-5c895ba653f42026-03-06Medium app bar compresses to transform into Compact top app bar.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlp6pkl9-GM3%20-%20App-bar%20-%20Guidelines%2037%20-%20v01.mp4?alt=media&token=88f50bfa-9d7d-4a4c-8a99-60c239445e972026-03-06https://m3.material.io/components/app-bars/overview2026-03-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlktxqjf-01.png?alt=media&token=fe608fa5-00d5-4278-a2a5-2edcdbb248d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlku5356-05.png?alt=media&token=76ad704f-5607-425a-83a1-0f2ae2ca8f2ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmdho0pd-04-3P.png?alt=media&token=da65583f-2790-41fc-81cb-d0fd0fed567chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlkui2vk-07.png?alt=media&token=ab974573-5f3b-469a-9779-173b3101e1f0https://m3.material.io/components/app-bars/specs2026-03-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmagk85x-01-3P.png?alt=media&token=f4b3768f-c723-4ad0-b874-8add82998732https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmar0379-01-deprecated-3P.png?alt=media&token=5bc2c581-dfea-4b04-af42-2eee017bc73ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmah1clb-02-3P.png?alt=media&token=8bb55fe8-792f-4e9d-bbe4-b8087281207ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmahcxrn-03-3P.png?alt=media&token=dee6a9ac-4550-46f7-afed-1503ba60e005https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmahfvsg-04-3P.png?alt=media&token=3c3da553-0d20-4215-a307-7355f3e97a41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmahnmz2-05-3P.png?alt=media&token=22ee7ea7-1df4-4a7d-95ce-ff42f83ec483https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmahv36y-06-3P.png?alt=media&token=12c2ad1e-b608-4977-9dc6-b56085f99efdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaiawq3-07-3P.png?alt=media&token=7973518d-24eb-47d4-bf91-29091cde0f79https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaiezk5-08-3P.png?alt=media&token=35d786d8-d9a1-4c18-9e4b-db1606b4ac43https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmao48ka-09-3P.png?alt=media&token=c99d158e-422b-4454-b89c-359a5c99e7afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaoaorq-10-3P.png?alt=media&token=81cfa880-1bee-497e-8e12-dd4fcd127a37https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaod25k-11-3P.png?alt=media&token=6c3264aa-5fc5-473a-9be6-7df09e087e18https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaof4ew-12-3P.png?alt=media&token=d415b2d4-018a-427e-8dd5-c04161f65b1fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaonw2d-13-3P.png?alt=media&token=d231e0ce-4b66-4e1e-bdf4-3d0c05add1ebhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaoprdb-14-3P.png?alt=media&token=eb64f015-3fda-4a6f-a1ac-851b7e2b622bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmap4u9c-15-3P.png?alt=media&token=2aba72f0-d565-4ee3-aeb9-e4583c00069ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmapnkl4-16-3P.png?alt=media&token=98a8959d-34a9-40d4-9a2f-28f066ffdc74https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaqk9ki-17-deprecated-3P.png?alt=media&token=b1be4d49-8395-4deb-9fb3-4cbb0c03fdb7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaqrta6-18-deprecated-3P.png?alt=media&token=a54e3621-ef99-4168-b3a9-9cdc9606eb71https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaquor6-19-deprecated-3P.png?alt=media&token=f4fa6be1-bfde-4707-8d64-1d868073e86ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmaqwh2h-20-deprecated-3P.png?alt=media&token=57be919c-7a77-45d1-880e-9afae140b506https://m3.material.io/components/app-bars/xr2026-03-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmdgsmfp-01-3P.png?alt=media&token=2e0b6b34-dd56-49e8-9391-ddb515ba789fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmdh2chl-02-3P.png?alt=media&token=e80af9e6-b6da-4cba-9abf-4dcef09f1e80https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmdh5h5z-03-3P.png?alt=media&token=86f2f32c-e9f3-4ca7-8bae-28f4d5db23e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmdh7azy-04-3P.png?alt=media&token=9b529775-65b2-4f7c-9dff-eb48f185ab70https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu63wr-01-do.png?alt=media&token=6ea69c41-408e-4447-9022-00afd977765bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu6wj2-01-dont.jpg?alt=media&token=98bc178f-4bd0-4f16-b054-f3d4d1a15771https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu80gp-02-do.png?alt=media&token=72fa7f6a-68a6-4e8f-97f9-7b8f8e35cd8fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu91ed-02-dont.png?alt=media&token=4c8684ea-2bac-47bf-a409-8dc87db814cehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaguc0nf-01-do.png?alt=media&token=fd37ce05-82c0-4b99-8edf-2f0fda94034bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagv5qxq-02-dont.png?alt=media&token=30b6f21c-4aa4-4768-92ac-014e1dded8a1Animation showing an app bar changing from 2D to 3D.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagty4xv-XR_Top-App-Bar_Usage_01_IA_v03.mp4?alt=media&token=6880c149-5e56-4aee-bc29-603556b942ee2026-03-06An app bar orbiter placed in global context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu23jp-XR_Top-App-Bar_Behavior_01_IA_v03.mp4?alt=media&token=662d2bee-2cde-4f0a-adb9-9a399c98ef932026-03-06An app bar orbiter placed in local context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu4hwu-XR_Top-App-Bar_Behavior_02_IA_v03.mp4?alt=media&token=ecdff9ec-dd32-423d-b063-1ce5b865d6972026-03-06An app switches between 1 and 2 app bar orbiters.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagu3r6g-XR_Top-App-Bar_Behavior_03_IA_v03.mp4?alt=media&token=3e647052-702c-4254-aecf-847562169e532026-03-06App bar orbiter alignment options in relation to spatial panels: left, center, and right-aligned.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaguagfz-XR_Top-App-Bar_Spatial-pane-alignment_01_IA_v03.mp4?alt=media&token=4a8934d7-d7e4-4193-8bb0-181141b2bb2b2026-03-062 app bar orbiters with the same width as their adjacent spatial panels.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagv6fky-XR_Top-App-Bar_Adaptable-width_01_IA_v03.mp4?alt=media&token=cb26236e-2e73-43a1-bb44-716a20b4d2a62026-03-06https://m3.material.io/components/badges/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0x2h51-02_do.png?alt=media&token=b6d4a7a7-0b46-4a00-84a8-96265cf1ef4bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0x2kti-03_dont.png?alt=media&token=5c3e26cc-09ca-4769-9f83-701d6e8d83cbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8l8lhl-04.png?alt=media&token=99d7e919-9bb3-45ed-a8b9-b961d31ef91chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8l9na6-05.png?alt=media&token=096422e0-2079-4674-8f91-1adb36552e46An animation of a badge disappearing once it's tapped.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp03lg1-GM3-Components-Badges-Accessibility-1-v01.mp4?alt=media&token=b9cdb1a0-1689-4a26-bf91-3311b211f0482026-02-05https://m3.material.io/components/badges/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wmkr4-01.png?alt=media&token=2a5ee969-d4fd-499e-8716-f5c028e7dc71https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wmphl-02.png?alt=media&token=1f32b375-fb78-43fe-a17e-8b92081ed44bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi46ui92-03.png?alt=media&token=2036ae76-31a4-44d1-b535-3dda6b642893https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi46uzu8-04.png?alt=media&token=2c742611-3a29-4104-80e3-fd3c425d0a76https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvm8dp3k-5.png?alt=media&token=9e000d82-46f1-40c5-a9a7-e6b6046e04aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvm8fkil-7.png?alt=media&token=3f431e5e-5e88-41bd-bbcd-052f2e6202fdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0womos-07.png?alt=media&token=50e7d36f-b594-4edc-84bd-980b95aa1331https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8jybps-08.png?alt=media&token=9ceea2e2-7e57-4f49-add4-668242cc5b09https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8k2962-9-do.png?alt=media&token=532cb06e-da53-45d2-ba95-83ffc62ea499https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8k2vet-10-dont.png?alt=media&token=6390c1de-9d89-42b8-b383-793abc96f691https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wr0gz-11_do.png?alt=media&token=e91ea890-94ed-4e0b-a484-868b5f16308ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wr4mw-12_dont.png?alt=media&token=c58658ac-aea9-4126-a88c-9e7ee6b76930https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8ks60f-13.png?alt=media&token=55a2ca2d-c2a3-4849-ab90-d860253ad5c2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wrqi2-14_do.png?alt=media&token=37353d5f-7e7f-4ef8-b6c4-866d5015b818https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wru4w-15_dont.png?alt=media&token=79eceaeb-887c-4b7a-b950-b2ba0a84a24ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0wsl1o-16_do.png?alt=media&token=85852fb2-22ac-43ad-90db-e27b958c792ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8kxkle-17_caution.png?alt=media&token=276fc105-e418-4f3f-887f-3a449899e5eehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8kyp7i-18_do.png?alt=media&token=83a75fa1-4971-49ed-8297-51b97ce1ca52https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8kzbcm-19_dont.png?alt=media&token=b7e028e1-cddb-46f2-9efd-7c671e6dae6ehttps://m3.material.io/components/badges/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8hopxl-01.png?alt=media&token=e9840156-17f4-4edf-b69a-eb62bd0b5c5chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme8hz0r2-02.png?alt=media&token=579d40e2-1895-4ed4-a074-22f71265f580https://m3.material.io/components/badges/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmamlcpos-1-3P.png?alt=media&token=915611ea-55ac-48cb-83bf-417ef338e02dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmamlee0o-2-3P.png?alt=media&token=456c8e6e-e485-4c1f-87bc-f4185cabe437https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg0yc68n-03-3P.png?alt=media&token=b0199799-0f54-4989-9eb5-9ab7aac1a3d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flz9ep1tz-4.png?alt=media&token=1fe78232-1ccb-4c41-92a7-c1b9ee36df28https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flz9eqf8f-badge_layout-correct.png?alt=media&token=5eef9643-a8a4-4adf-8cb5-1aead3ce6d05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flz9eqsps-6.png?alt=media&token=d12e4a0d-b307-4c34-8df1-27d87e4a5a4ahttps://m3.material.io/components/bottom-sheets/accessibility2026-02-03https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8g5p9-1.png?alt=media&token=8e64004e-3857-4101-b39c-99d3a1202671https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8gmd5-bottom-sheet-focus.png?alt=media&token=cdb9816d-b6f1-4f2d-a6c9-57c7f19adf6ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm33eulyj-20.png?alt=media&token=d5774ee7-5188-4627-bcb9-af10bdf399f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm33euvu0-21.png?alt=media&token=0d41a86a-77e7-45d2-b8f8-711a008b7c01https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4bunmcg-2.png?alt=media&token=52a1294c-a753-4e62-a1f3-3379fa80b31fhttps://m3.material.io/components/bottom-sheets/guidelines2026-02-03https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7eqa7-1.png?alt=media&token=7a1b0b63-7f7a-48b1-9be2-7d0b84457733https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7jb72-2.png?alt=media&token=56a1f44f-75e1-4b64-b89a-af51f31743bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7jy07-3.png?alt=media&token=cb9aef4d-3f8f-4d7a-bcae-c81ca2267ec2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7l25p-4.png?alt=media&token=26b70d10-837b-47dc-8c19-66941c28cf55https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7llpd-5.png?alt=media&token=8dd51782-efbc-480d-b8d1-fc9703331372https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7m0a5-6.png?alt=media&token=f5e46b6c-e4a2-4691-8be7-6531cac198f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7t324-7.png?alt=media&token=3415430e-1af4-44bb-9b80-a419efd68993https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7tqb3-8.png?alt=media&token=ec559377-ab42-40ae-b622-14e39ed36b06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7ubva-9.png?alt=media&token=bc8efc23-0926-4ab3-8f15-284858ef6d08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp7yz9g-11.png?alt=media&token=88ce960b-06e9-49fb-85cf-e02a44792b1chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvqcnuc5-12.png?alt=media&token=5f8e64bf-e732-4bf6-a53b-bfda05089971https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flwb1px3f-13.png?alt=media&token=7df61eec-3159-4ac6-a274-d9f1c71bcb0chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp80k55-14.png?alt=media&token=9201f643-2086-4620-b7d0-0bc4c1f60ce8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp81a31-Bottom_sheet_dismiss_swipe.png?alt=media&token=d0275463-fc3a-459f-b4c0-b0285236638ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp86bt1-15.png?alt=media&token=9f8beb94-0e17-4f0d-991f-ba04bb46270dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp86pgb-16.png?alt=media&token=52847dda-fc2f-4c38-9d06-6cd94604456bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp877lp-17.png?alt=media&token=3c16d91e-e6ee-4f55-8677-253ce146a929https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp87qvd-18.png?alt=media&token=d9e9bffb-5011-41e2-b919-66246450697fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8870t-19.png?alt=media&token=3f9b36b6-7621-48f9-bec4-8260503c7e75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8argg-20.png?alt=media&token=231c71e3-b060-4163-907b-540125d26d9dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8b6u5-21.png?alt=media&token=787093f2-94a4-49fd-92a5-b12b6020c915https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp8bo42-22.png?alt=media&token=7d24f701-094b-47fe-9a78-5712e0e61cdeA bottom sheet can have preset positions from full-screen height to previewhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvpbsatl-GM3-Components-BottomSheets-Guidelines-1-v01.mp4?alt=media&token=c677fadb-25d2-4238-b839-35e92e2472612026-02-03Preview of the result of the gesture, release to commit, fling to commit, and cancel https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvpbtr1r-GM3-Components-BottomSheets-Guidelines-2-v01.mp4?alt=media&token=32073447-f2f2-4cd6-8208-bf3458a7fae62026-02-03https://m3.material.io/components/bottom-sheets/overview2026-02-03https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp3m82k-1.png?alt=media&token=57a51bb9-a0b7-40f2-b057-0afe7d122a59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvp3mrmz-2.png?alt=media&token=156bba60-2635-4d1e-a928-cd2e4012f499https://m3.material.io/components/bottom-sheets/specs2026-02-03https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvutved1-1.png?alt=media&token=255fee5a-992a-4df3-bae9-ea3fde9c08a7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvutweax-2.png?alt=media&token=b648cac3-38a8-4ca1-8897-a573240be757https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvutx4kk-3.png?alt=media&token=dd4a1d99-3cfc-444a-ae94-1c577604b3dchttps://m3.material.io/components/button-groups/accessibility2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dgm57d-tap%20targets.png?alt=media&token=cf93b998-0435-47db-9f91-0ad62e7362e6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dgsbc6-focus.png?alt=media&token=5e86fe8a-b489-46d5-9b3f-9ce2fdb2d310https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dgutj5-keyboard%20nav.png?alt=media&token=34ed6f40-4477-4b3c-a39f-9c8e53631657https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dh20ef-label.png?alt=media&token=a99c4ff1-098a-4c02-91fc-b8510e558d48https://m3.material.io/components/button-groups/guidelines2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0di4v84-1.png?alt=media&token=7d455507-7409-4e76-96b8-78173e2a9533https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0diaau3-same%20shapes.png?alt=media&token=816c3216-da8f-40f8-8de5-6fa595fca914https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dibcom-different%20shapes.png?alt=media&token=15528a66-dde7-4db9-bd01-29fc012f8257https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dijxcq-16.png?alt=media&token=21003592-8d64-4c4f-a6b8-dd87c18ee5b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0diog82-18.png?alt=media&token=4dfe1ecc-7909-4b3f-acea-4d079824514dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk2jyzbl-04.png?alt=media&token=41ad5b46-9144-48cf-8f23-3c2201b8155chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4sznpeh-5.png?alt=media&token=89308e1d-b40f-438e-a738-144e5a1e5f91https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0diztnf-6.png?alt=media&token=28a3ff83-8514-4da3-89e5-3b58ad18da74https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dj3wcm-18-1.png?alt=media&token=5a3129d6-827b-4c8c-afe0-9a65aab4c44ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djrht4-1.png?alt=media&token=07fada8f-eb2c-4d1a-a7f9-6e3bc8568a6eA video call with a standard button group. Selecting the mic changes shape and color, and bounces against adjacent buttons.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34lmgn1-Button-Group-Hero-alt-2.mp4?alt=media&token=142709b2-d7ca-4e66-b9e6-e2a8bbd275332026-02-12Selecting a button in a connected button group labelled “My files,” “Shared,” and “Computers.”https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34llls1-Button-Group-B-2.mp4?alt=media&token=4142a8d4-8e42-4e97-9c0f-5143086be82d2026-02-12Button group is adjusted to fill the window size.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma2ph39h-GM3_Expressive_Button-Groups_Guidelines_12_IA_v01.mp4?alt=media&token=790ee31a-f920-49b9-b224-1c035826c00c2026-02-12Narrow buttons in a group on a compact window become a mixture of wide and narrow buttons on a larger window.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma2pii3g-Gm3_Expressive_Button-groups_Guidelines_13_IA_v01.mp4?alt=media&token=eb65fd9a-f23f-4eb5-88f8-6417b7d7848f2026-02-12Buttons collapse into an overflow menu when window size shrinks, and reappear when window size expands.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma2pjcic-GM3_Expressive_Button-Groups_Guidelines_14_IA_v01.mp4?alt=media&token=d2b496fe-0b66-42cd-8b17-828526a5f6b92026-02-12In a calculator app, pressing numbers changes the width of adjacent numbers.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fljnt9-Button-Group-D.mp4?alt=media&token=3906bae1-361f-4340-969e-d9ac7d6b98bf2026-02-12A video call with a standard button group. Selecting the mic changes shape and color, and bounces against adjacent buttons.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34lm16p-Button-Group-Hero-alt-2.mp4?alt=media&token=f56b388e-c7a8-4f79-84e1-e67c8c258b4c2026-02-12https://m3.material.io/components/button-groups/overview2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4sskpfx-1_alt.png?alt=media&token=9de29e7b-e0c9-442c-84df-2ad6a90d5f04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0ca0qix-1.png?alt=media&token=36ca89da-91f7-443b-800d-a35bd8744481https://m3.material.io/components/button-groups/specs2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nan75-01-3P.png?alt=media&token=a3f2783c-1e61-4def-a914-49eae524b2d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmae9tpw8-standard.png?alt=media&token=58659efc-1d30-4d23-b530-24ace5a5d390https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nc084-anatomy.png?alt=media&token=b1b3e5dc-10b1-42e6-9ef7-1a21f0a03d8fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6ncj54-common%20layouts.png?alt=media&token=ac63715d-0c2a-4c8e-b7e1-2bbfad7f2874https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmliwoj5d-05.png?alt=media&token=45f2f88a-9c8d-4915-b220-196beae83ddahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhsvswm0-07-key01-3P.png?alt=media&token=098c0eee-32c3-490d-b392-fd3a55f6b4fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhsvti2a-08-3P.png?alt=media&token=741cedf5-b9b6-45a3-a8c9-f3f2da3a6410https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhsvu5c7-09-3P.png?alt=media&token=16b6be24-4da6-44fe-a0c2-a7faf852065chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhsvuqev-10-3P.png?alt=media&token=1ccc2697-aa19-469b-ada8-9c594faca40bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nhwkj-padding.png?alt=media&token=50229b04-dad5-4ad7-8df8-5d0c9d28b02bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nj8kr-connected%20padding.png?alt=media&token=b3a0625e-1526-4b7c-9987-1ddcf1adace2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6njl4y-connected.png?alt=media&token=72d1bec2-5ae9-4d04-b420-e8740e9c0385https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nk25f-mind%20width.png?alt=media&token=bd84a07b-58d9-4ed9-a279-6e2a5549391dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nkg98-density.png?alt=media&token=0e6830d9-aa8f-441d-bc50-fab45ddf769bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6nkzbl-high%20contrast%20mode.png?alt=media&token=c20eb2e1-530c-4076-95a0-b1ed9852c435A selected button in a standard group bounces against its adjacent button, changing their widths.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack7ok2-GM3_Expressive_Button%20Group_Selection%20activation_Standard_3P_AI_v01.mp4?alt=media&token=0e4f6b3f-e3e3-4c45-8b8b-4292a2f32cc02026-02-12A selected button in a connected button group only changes its own shape.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack8xlo-GM3_Button-group_Specs_Selection-%26-activation_Connected_IA_v01.mp4?alt=media&token=e839d3db-5041-49c3-a780-17267d0c304f2026-02-12https://m3.material.io/components/buttons/accessibility2026-03-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm13hkn-01.png?alt=media&token=430a76cd-fd79-4d94-9524-a728d101de7ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm14hok-02-caution.png?alt=media&token=0bccb054-e80b-44a1-9602-edbfc79ccbe0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm17kt7-03.png?alt=media&token=90f85f9d-911a-4ad5-9a83-495e6e6445e3A media player where the “next track” button is clicked rapidly, and is transformed with a smooth motion effect.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm15x7t-GM3_Buttons_Accesibility%2004%20-%20v02.mp4?alt=media&token=3e6f0315-1423-46f7-9357-4506333a02642026-03-12https://m3.material.io/components/buttons/guidelines2026-03-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqkp7g-01.png?alt=media&token=c1c12c3d-5ace-487d-b762-40d02f56a986https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqpj6e-03-do.png?alt=media&token=44ffcad0-9941-40c9-b81c-ed3a24c3da63https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqpykn-04-don't.png?alt=media&token=b9cd6a77-a1a5-41ce-8a05-fdbe66bb0c4bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqs2ix-05-do.png?alt=media&token=fc0a63d6-3e53-4391-8565-a1203f8b80e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqslcx-06-do.png?alt=media&token=b8da8214-88dd-4716-aa64-0a81913707a9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqt8jf-07-don't.png?alt=media&token=bb358432-4153-45ea-a6cf-8f1842a59bfdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlquaj1-08.png?alt=media&token=abfb2cc4-cd8a-470e-b5c1-8ab8aeaf151chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm3t81e1q-9.png?alt=media&token=e2b715eb-67a4-43b8-91c6-9636566aa8e5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt4ivd-11-do.png?alt=media&token=c9fb6a62-d890-4a3d-bf5b-7422a2f61559https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt52gk-12-dont.png?alt=media&token=610e1d0c-2aae-457f-a35b-3c5f35ff529dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt6b63-13.png?alt=media&token=3e1cc932-b5a8-4073-895c-c9a82e440389https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt7k3u-14-do.png?alt=media&token=a0f24e42-b668-44a2-86ab-54f23b4d02fehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt7yj0-15-dont.png?alt=media&token=2a87a5e3-0fd2-428f-ab40-30a582e7ebf2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt97u1-16-%20caution.png?alt=media&token=34a62dc9-f6cb-4587-ae11-3e94ea292368https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltabq2-17.png?alt=media&token=3243bd37-e440-4c5b-80bf-a0b52a8add85https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltba1r-18.png?alt=media&token=e95cfb22-2c73-4e46-9487-6b8631825ea1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltc6hg-19-do.png?alt=media&token=e0d8dcf9-04fc-43a3-82b4-3fede8465b92https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltdu8d-20-dont.png?alt=media&token=ded7ea31-582e-4d48-b65e-e6bc59d4f05dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltfge9-21-do.png?alt=media&token=f4135876-e1ff-40d8-9a91-cfef0b8f259dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltfyz4-22-do.png?alt=media&token=3f665701-89ef-4521-84f0-966e7110def9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlthjj7-23-do.png?alt=media&token=e21c8cc7-91da-4601-8492-d37969d1e9dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltnhb2-24-dont.png?alt=media&token=e4b099f1-c4aa-4a8f-b756-433ecbb9f56chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltof7i-25-dont.png?alt=media&token=f77a7931-b8cf-4c2e-a3ac-a4900fb98687https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltpyn5-26.png?alt=media&token=6c2d5489-702e-4bab-98cf-97d25125097fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmltrnw9-27-caution.png?alt=media&token=d0366943-f432-47ed-874d-3c83d7e123ddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlz52ml-28.png?alt=media&token=fef70047-9440-457d-ae89-c447238d1115https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlz6rew-29.png?alt=media&token=faaff6d9-2924-4206-9247-d6ab7d4a3688https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0gmxc-30.png?alt=media&token=c5d6ee0a-a428-4078-b549-67fc7b9dc9fehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0loal-31.png?alt=media&token=56c7832d-e72a-48c8-a9fa-249143bdf7c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0mtua-32.png?alt=media&token=d970ea42-6342-4a5d-a870-c2d815a4bd99https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0nymp-33-do.png?alt=media&token=273452ac-d5a6-4e34-8985-feb9bd959734https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0oqjx-34-caution.png?alt=media&token=4fd49a85-1e2b-48e9-8362-2ae1c54f6069https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0q822-35.png?alt=media&token=5003669f-ec2e-46dc-980b-729d0e7b997dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0rpw4-36.png?alt=media&token=f1a2fb6d-e0e3-4027-a3a6-502a53062cefhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0s6c1-37.png?alt=media&token=b9f5d341-907c-4a1b-bf78-8d096b88b14ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0tlmd-38.png?alt=media&token=02609475-05bc-4471-8440-9693bc1376d4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0v0go-39.png?alt=media&token=de02d8e1-5945-4cb1-b49c-7657c6f0f62ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0vwgx-41.png?alt=media&token=637aef82-3430-42ff-97ea-88893d58bddchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0wuqe-40.png?alt=media&token=17208180-460d-4c83-bc37-f329ccfbf635https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0y1g6-42-do.png?alt=media&token=9a22488d-9452-4b1b-9ac8-a4339586395fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0yith-43-dont.png?alt=media&token=fb0cac8b-107b-468d-b78a-6e45e9cbc210https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm0zsof-44-dont.png?alt=media&token=ec507156-01a8-4748-ac54-faaa752d80c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm11hfb-45.png?alt=media&token=579a6e7a-1f3d-4601-8ee9-643aa062203cVideo call app with prominent filled button to join and end a call.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlqnl0b-GM3%20-%20Commom%20Buttons%20-%20Guidelines%2002%20-%20v01.mp4?alt=media&token=0276f496-231c-4f41-bf90-601156e176122026-03-12Toggle “stop” button in timer app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlt2zdp-GM3%20-%20Commom%20Buttons%20-%20Guidelines%2010%20-%20v01.mp4?alt=media&token=5bcc30f8-46d3-4c32-b013-61e8eee3ca772026-03-12https://m3.material.io/components/buttons/overview2026-03-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm1qv5u-01.png?alt=media&token=70d30001-94b9-4bc2-a894-3b71a78dfb2ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm1tos0-03.png?alt=media&token=dd50e746-4e7b-41f5-8e51-1f26afb86139https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm1vatd-04.png?alt=media&token=9224dca7-f21c-4dff-812d-3dfb3fa035e6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmm1vtk3-05.png?alt=media&token=1f0e0136-6117-4e71-8d6c-d006b6ef3804https://m3.material.io/components/buttons/specs2026-03-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnep7lk-01-3P.png?alt=media&token=f67dedcb-0e11-4c37-b542-9b227d1ea930https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneq41m-02-3P.png?alt=media&token=505244df-55c9-4406-83ef-9af3c370fb89https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneqix9-03-3P.png?alt=media&token=05fc9372-a4d6-4e91-9f86-8d2959be78b3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmner6e7-04-3P.png?alt=media&token=ea59a3bb-f3fc-43ca-af7d-6cc7898c378dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmlpy0ie-05.png?alt=media&token=65641857-e955-4ca5-b8c8-ccd67cd5c306https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnesmjm-06-3P.png?alt=media&token=96e8c029-e1e8-472e-b4a1-767a8d9b9e1bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnet1qn-07-3P.png?alt=media&token=d0320826-723d-4e6b-bce8-36f026c997d1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneu2zl-08-3P.png?alt=media&token=85a9b3f6-81d7-45b9-8355-882a776b1004https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneuieh-09-3P.png?alt=media&token=5234d65f-8960-4c22-9506-a7a788d31ee1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneuv7c-10-3P.png?alt=media&token=72439eb0-b173-49bb-9e6f-05bbc05fcce6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnevsol-11-3P.png?alt=media&token=98ef1d74-1ea3-4dfa-8eb8-423776f5a91fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnewg2s-12-3P.png?alt=media&token=704b2a67-f91b-4d45-83b5-518b79385ac6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnexggd-13-3P.png?alt=media&token=105359d5-1b67-45b7-a585-a901da09aeefhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneyf25-14-3P.png?alt=media&token=02800d8d-417f-4612-8e0e-3f9edf30f1a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmneyrwe-15-3P.png?alt=media&token=32fe38c8-aa3d-4e9a-b907-b24fa1862a48https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnezbyl-16-3P.png?alt=media&token=c47d2dc2-5f00-4ff1-b616-6617d140d79fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnf0bsj-17-3P.png?alt=media&token=4c91ef4a-b41f-4b3a-8797-04d9a810c2efhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnf0o8e-18-3P.png?alt=media&token=7107e16a-9ec0-4cd3-ad00-ba2e2bb75514https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmnf14u5-19-3P.png?alt=media&token=8caa9040-a710-4f1f-a6a4-d0bfd85fe7b5https://m3.material.io/components/cards/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuobzmz-1.png?alt=media&token=43522d6c-0a33-4b98-8cf8-3e7db99cd337https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4ivybyo-3-a.png?alt=media&token=dd43ecb5-f57b-4079-bda5-e822258fb7c9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuodgu3-5.png?alt=media&token=3f2cf54f-c991-49bf-bf2a-447a25e2657ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuoeob6-6.png?alt=media&token=be7c42c2-1676-4bb7-a654-8bdfcc83691bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk6jw3io-09.png?alt=media&token=e51c3965-4c45-4a0d-bdc7-9874af242848Ripple effect created when tapping on a card.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuonrmp-GM3-Components-Cards-Accessibility-1-v01%203.21.14%E2%80%AFPM.mp4?alt=media&token=98280acb-35c0-466e-8b8c-a8301adbd9562026-01-09A list of cards has its order reshuffled using a single-pointer option.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6gok77f-Components-Cards-Accessibility-1-v01%20(1).mp4?alt=media&token=1d8244ec-d550-41e5-8cde-ef41ffb5d0012026-01-09Hover state and touch ripple effect of a card.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuoolew-GM3-Components-Cards-Accessibility-2-v01%203.24.03%E2%80%AFPM.mp4?alt=media&token=2d157501-1a56-4c87-afa9-bfcc84685d502026-01-09Navigating cards with a keyboard.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuop9fg-GM3-Components-Cards-Accessibility-3-v01.mp4?alt=media&token=e9ed72c1-14d5-438a-9db4-7356c58e9d8b2026-01-09https://m3.material.io/components/cards/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwujy207-1.png?alt=media&token=8f53bf0b-4e76-4d15-a467-e79d95d585c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwujyk5p-2.png?alt=media&token=27bccb24-2751-42f5-9ed6-a573c9637b1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwujz8zw-3.png?alt=media&token=f8b81a9b-d1c1-4104-b827-de3275cc35d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwujzmmd-4.png?alt=media&token=03f44ff5-55ce-437d-b8e7-c956f44d54f5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk08jk-5.png?alt=media&token=f64f5002-eb4a-4af2-bf74-481bd4c3e36chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk0pob-6.png?alt=media&token=17c72a08-afc1-4ed3-afa6-cb04a3d880a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk16p3-7.png?alt=media&token=4bbc3151-4713-4962-85d3-2655c3656413https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk25nc-8.png?alt=media&token=c16cb758-7e06-4e65-a635-1d19c85413c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk2m44-9.png?alt=media&token=874c860e-a76b-47c2-a6b8-e1b9bee9354ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk337j-10.png?alt=media&token=94eedf65-056a-4352-a906-601748f7e531https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk6jnfqn-11.png?alt=media&token=de656112-72e8-4772-9560-cd5ea4d56733https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk4ddn-12.png?alt=media&token=3466c990-89bc-4904-9379-b926506469f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk4w24-13.png?alt=media&token=922c8fc3-b6be-443f-b583-307b41c04549https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk5dl8-14.png?alt=media&token=167906e1-0d38-4e3b-9b6a-ae34e30896c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk5r9g-15.png?alt=media&token=9fe4e4eb-940d-4879-b72a-5326475e2ad1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuk7ixf-16.png?alt=media&token=8be9c48a-b857-4251-be30-27fb662351f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukrum6-17.png?alt=media&token=6a042f0c-08aa-4406-83ca-3ad8ed923fc7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuke2rr-18.png?alt=media&token=1678fd07-8e19-478e-a63f-7c6883e05769https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukejwa-19.png?alt=media&token=e1f6b168-b200-4c74-b4db-6f14d5c9130ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukf67i-20.png?alt=media&token=2b6fc020-ea02-4eeb-b689-9dde4ba174d8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukfjtw-21.png?alt=media&token=b45cbe2c-3206-4d87-b552-3919097b31cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukg62l-22.png?alt=media&token=68263c29-c142-4fb6-b01b-0f0e53a5d7b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukgix5-23.png?alt=media&token=05e68c11-3d87-4fea-9614-2e9815698e43https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukgu3i-24.png?alt=media&token=1429bc3e-e20e-45f3-9d55-8a889683204ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukh83p-25.png?alt=media&token=b0bcfe54-83e6-4668-b466-d4fba42975b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukhv18-26.png?alt=media&token=db2e3965-ccbc-474e-bbba-22ad76c67a3bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukig38-27.png?alt=media&token=0bbb40be-5f28-4052-bdcb-ef201193bf6ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukiwuu-28.png?alt=media&token=140d478a-a331-4060-9e2a-f3c1c0b6eb37https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukjfiq-30.png?alt=media&token=7c16205a-8284-4b8d-98d5-8cbb7eb0027dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukk75c-31.png?alt=media&token=e4ead563-bccd-411b-9868-5710a67d212fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukkvy8-34.png?alt=media&token=92195d5b-d44d-434e-98d5-dbe6c60d798bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuklb57-35.png?alt=media&token=888f14f9-99d5-4ab6-8dae-282257f1f47ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukluzj-36.png?alt=media&token=ecf624d2-b9a0-4222-8159-044022c2bce0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukmfqz-37.png?alt=media&token=b5f7ca2b-ac45-47fe-832f-0fe359568750https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwukn6ma-38.png?alt=media&token=98eabd10-f4cd-457d-a7fc-d4767ce3ef57A set of 4 cards in a grid.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumleea-GM3-Components-Cards-Guidelines-1-v01.mp4?alt=media&token=b5a86012-1b58-4343-93a9-d12d9e332eeb2026-01-093 cards in vertical list.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwummhcq-GM3-Components-Cards-Guidelines-2-v01.mp4?alt=media&token=883ac981-471e-40a8-9774-c27ffffcb2d82026-01-093 event reservation cards in a horizontal row.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumodmh-GM3-Components-Cards-Guidelines-3-v01.mp4?alt=media&token=2be19f23-469e-4bd4-b7e9-bc1f3a8142052026-01-09Cards on a large screen adapt to a list on a small mobile screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumrs3a-GM3-Components-Cards-Guidelines-4-v01.mp4?alt=media&token=450f4017-ee5e-466d-a712-8976fa5a9d8e2026-01-09An album card expands to fill the screen and shows additional related content.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwunn86t-GM3-Components-Cards-Guidelines-6-v01.mp4?alt=media&token=13eed0ab-adb0-4314-81d6-210ad15afdc22026-01-09A card expands, showing all content at once.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumvwvk-GM3-Components-Cards-Guidelines-7-1-v01.mp4?alt=media&token=2049b6fd-afd0-4360-83e3-1520303542742026-01-09A card expands, internally scrolling to only show some information.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumwjkp-GM3-Components-Cards-Guidelines-7-2-v01.mp4?alt=media&token=de1274d9-8fde-4a8d-bf93-82e0757aee002026-01-09Card interaction transitioning to full screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumxklj-GM3-Components-Cards-Guidelines-8-v01.mp4?alt=media&token=a6a4e415-025b-4810-b6cf-92ccfc326e932026-01-09A card with 1 assigned swipe: to heart the entire card.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumypwh-GM3-Components-Cards-Guidelines-9-1-v01.mp4?alt=media&token=57103755-db42-48a3-89e0-259529d743a42026-01-09A card with an image carousel and a swipe motion to heart only the bottom text on the card.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwumzbld-GM3-Components-Cards-Guidelines-9-2-v01.mp4?alt=media&token=f6e05fa1-da38-492c-9d59-944c67f403ce2026-01-09A card is elevated above all other cards when moved.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwun0601-GM3-Components-Cards-Guidelines-10-1-v01.mp4?alt=media&token=9c8fe299-5e1e-4b7c-9476-cf8a113eb1d62026-01-09A moved card bumps other cards around, and isn’t elevated above them.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwun0v03-GM3-Components-Cards-Guidelines-10-2-v01.mp4?alt=media&token=6f972a4e-1817-4ed0-92c1-d3fb926340ce2026-01-09Scrolling a page with an expanded card.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwun21j4-GM3-Components-Cards-Guidelines-11-1-v01.mp4?alt=media&token=e4719dcd-adaf-49b0-84df-c25d21371d322026-01-09Expanded card on mobile with internal scrolling.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwun2kqe-GM3-Components-Cards-Guidelines-11-2-v01.mp4?alt=media&token=861b95aa-4172-469d-8a63-988c0f8548ab2026-01-09Expanded card on desktop with internal scrolling.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwun3hn1-GM3-Components-Cards-Guidelines-12-v01.mp4?alt=media&token=80657520-eb45-4383-8738-301c0063eb262026-01-09https://m3.material.io/components/cards/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuilyza-1.png?alt=media&token=f4bfb5e7-e96f-41b7-8c6e-e00ab2260001https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuimnd8-2.png?alt=media&token=c9ef2b3a-985a-487b-b521-de02ce44c8e0https://m3.material.io/components/cards/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8i6cjo-1.png?alt=media&token=37a9669d-e573-49fc-ae35-4ccabecb1102https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8i798w-2.png?alt=media&token=30b428b3-43f3-4dd9-8048-fea7716c1c65https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8tathzk-3.png?alt=media&token=41f8d8f7-c77f-4911-b8d5-a736289fe745https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8i88xc-4.png?alt=media&token=3e4703b7-1619-4058-9bd1-45ac27602cbbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8i8kna-5.png?alt=media&token=fc1a890b-971a-424b-a558-b089f8937345https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8taswqd-7.png?alt=media&token=0b047a36-4652-47b9-b0ce-e637b869edc2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8ia1sc-8.png?alt=media&token=95f75fa6-624a-4f6c-a9a3-c6116871c37chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8iah38-9.png?alt=media&token=77dadefc-e058-4948-a4cd-5f7beff55ed5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8taue2l-10.png?alt=media&token=ff253d81-6cfb-468f-9a62-ab1e33fa7afahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flx8ibavc-11.png?alt=media&token=bcefa149-71c2-41fd-bf75-618453a2c32fhttps://m3.material.io/components/carousel/accessibility2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwut0q8v-2.png?alt=media&token=fd99e7b1-4959-4151-a530-a820e6a115f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwut172a-4.png?alt=media&token=79318ca5-9f6e-4973-ba50-09469633894bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykx1vc-5a-don't.png?alt=media&token=88d824af-cca5-4743-a7f4-5dc1776d152ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykxhsn-5b-don't.png?alt=media&token=7253d6f2-ad26-4cd6-854c-e5b47725c499https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwut9phs-8.png?alt=media&token=b672b540-9326-4e15-9ce3-3696370d6a10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuta5uo-9.png?alt=media&token=4e12e7df-cf8a-4535-9dea-182a8767f066https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutav24-10.png?alt=media&token=cdceb9da-aa24-499f-a5ad-e9d8a028493fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutbdy7-11.png?alt=media&token=d28c067c-4591-44c8-93a0-ccb5adc4c497Carousel on mobile has a "show all" button that opens a page with all carousel items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutxg2r-GM3-Components-Carousel-Accesibility-1-v01.mp4?alt=media&token=481dab77-9f29-4618-b6a8-6e37eda180e42026-02-12Carousels in a list on mobile with headers have an arrow icon that opens a page with all carousel items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutykt0-GM3-Components-Carousel-Accesibility-2-v01.mp4?alt=media&token=f22a4f28-192d-4adf-ae7a-f8e705e940622026-02-12Carousel providing a ripple feedback when being tapped.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuu2jae-GM3-Components-Carousel-Accesibility-3-v01.mp4?alt=media&token=2e678652-4107-4db0-bbde-ab3b09dc2b812026-02-12Carousel changing state when hovered.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuu32xk-GM3-Components-Carousel-Accesibility-4-v02.mp4?alt=media&token=f5315212-a834-42a4-a3be-5afeb59d29ff2026-02-12Comparison of a multi-browse carousel with the reduced motion setting off and on.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuu4mjv-GM3-Components-Carousel-Accesibility-5-v01.mp4?alt=media&token=6e5e6517-2ba7-40fd-98ba-db01729dfdf82026-02-12Comparison of a hero carousel with the reduced motion setting off and on.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuu5ddb-GM3-Components-Carousel-Accesibility-6-v01.mp4?alt=media&token=cd58d17b-d305-456b-8820-7b40a077577d2026-02-12https://m3.material.io/components/carousel/guidelines2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusb1kq-1.png?alt=media&token=31e0f0e5-44dc-40dc-88a3-810d49d9d32ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusbuoo-2.png?alt=media&token=fe9b4940-fc2b-453f-b10c-1eb4f1bb5250https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuscosc-3-do.png?alt=media&token=ddae19a2-c2a5-4a4f-a57a-89ebf9924d44https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusd3wu-3-don't.png?alt=media&token=9d93fc2f-8f36-44df-b19e-3b541f3dc539https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusga4v-6.png?alt=media&token=79689475-2747-4ee9-839c-b8c1eecba850https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwushw0z-11.png?alt=media&token=0ec8f8d6-6910-47b8-af5e-aec914857c5ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusikhn-12.png?alt=media&token=e53338c0-9e12-4500-a02a-6a3fa00a5be7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusj1ii-13.png?alt=media&token=a8d53996-8396-4e21-a972-c74335739543https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusjjti-14.png?alt=media&token=405ab913-2f35-4d0e-aa46-07e957c4e947https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuslefr-15.png?alt=media&token=93b132b6-bb28-4e57-9a57-f1c02ac20115https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusmns4-16.png?alt=media&token=11d776e8-048f-4e1e-81d9-1a265271a7a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwusqbrm-17.png?alt=media&token=bcc4c752-6b49-4820-960e-c22af7c9591bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuso0q8-18.png?alt=media&token=1ca63117-b627-4361-afb1-6730a8ee93d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuspl2g-20-don't.png?alt=media&token=71d2bacf-deaf-4fc7-84f2-7b8f5fd86747Carousel on mobile has a "show all" button that opens a page with all carousel items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutlc75-GM3-Components-Carousel-Guidelines-1-v01.mp4?alt=media&token=ec8a087b-ca5a-496a-b35a-a04c6a0c9a202026-02-12Swiping a multi-browse carousel with snap-scrolling. Items adjust size to fit the layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutm3x8-GM3-Components-Carousel-Guidelines-2-v01.mp4?alt=media&token=e67990c5-f2f8-4f84-bf6d-196c8f7f8dbb2026-02-12Swiping an uncontained carousel with default scrolling. Items scroll to the edge and can stop anywhere.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutpwf6-GM3-Components-Carousel-Guidelines-3-v01.mp4?alt=media&token=02d55f05-f085-4e6e-a2ed-2728910246722026-02-12Swiping an uncontained carousel with default scrolling. Items scroll to the edge and can stop anywhere.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmgtvndn1-GM3_Expressive_Carousel_Guidelines%2008_IA_v02.mp4?alt=media&token=f6b392c9-3542-45a7-99e7-e2798fd3bfa52026-02-12Swiping a hero carousel with snap-scrolling. Items adjust size to fit the layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutqti0-GM3-Components-Carousel-Guidelines-4-v01.mp4?alt=media&token=8516a459-51b7-47d3-acdd-ca2b69709b212026-02-12Swiping a center-aligned hero carousel with snap-scrolling. Items adjust size to fit the layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuts7ja-GM3-Components-Carousel-Guidelines-5-v01.mp4?alt=media&token=d60c2585-ab6f-4f79-ab1a-69d95a57612b2026-02-12Vertically swiping a full-screen carousel with snap-scrolling. Items fit edge-to-edge.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutt19y-GM3-Components-Carousel-Guidelines-6-v01.mp4?alt=media&token=9ce1694c-0db3-44a5-93c0-5f48158345dc2026-02-12Multi-browse carousel with snap-scrolling. Items slot into the layout once scrolled.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwutupr4-GM3-Components-Carousel-Guidelines-7-v01.mp4?alt=media&token=60140626-ce6d-48e5-8031-b93f5d56fadf2026-02-12https://m3.material.io/components/carousel/overview2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmljue787-02.png?alt=media&token=995bfea7-ba9d-4d3a-b922-96ed26cf7de6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwur4ddz-3.png?alt=media&token=a42f76c5-c4fd-46fd-89a1-04b492638986A carousel being scrolled horizontally. Each carousel item changes shape as it scrolls.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwuthdnj-GM3-Components-Carousel-Overview-1-v01.mp4?alt=media&token=fdc84e41-6db8-4bbb-8474-60d754219b632026-02-12https://m3.material.io/components/carousel/specs2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7cydt-1.png?alt=media&token=457c501d-9caa-4940-8089-c857014a3246https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7dtgs-2.png?alt=media&token=88ace94e-9b83-4829-af0d-580102726097https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8tafq6c-3.png?alt=media&token=89db79c9-95d1-48ac-b027-f80fce7811b0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9mff4k-04-3P.png?alt=media&token=07ae8548-be08-4e25-baf1-c4b314c683d5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7hu8z-5.png?alt=media&token=0fbbafde-d1ed-4c82-b8e8-c792c2f39794https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9meptr-06-3P.png?alt=media&token=0caf8655-c1bd-40af-a64f-7dc9606544c0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7jh4c-7.png?alt=media&token=295f37e4-7b0d-4bea-a256-b2a38e9d0d3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9mdco2-08-3P.png?alt=media&token=0878f292-7ad5-4738-9d2a-67b39cd69670https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9lyvnk-09-3P.png?alt=media&token=8fcbc1ce-ab70-44b7-8d93-62b4920f74b6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9m4p2v-10-3P.png?alt=media&token=cbaae1be-c4fd-47b6-9ccd-c3ad2ed7d9a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7l425-9.png?alt=media&token=a5d4ade3-7977-496d-9605-174848266c7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9macpj-12-3P.png?alt=media&token=78cc4e71-d6af-4b8b-80c6-798e5845d1d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7mksj-11.png?alt=media&token=5530baf8-e9d0-44a1-9327-dbe0594233b8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9mb8nd-14-3P.png?alt=media&token=781e5673-c04c-4e31-b767-9235ccf87af7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyr7o850-13.png?alt=media&token=2075e453-f5f1-4372-8305-b05c2d7e0f3chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi9mbqt5-16-3P.png?alt=media&token=5bc05830-cde0-428a-a596-1cc30c659e33https://m3.material.io/components/checkbox/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vkh7s-1.png?alt=media&token=7e1977e6-bb1a-4a66-b82b-3e0fddb18e2fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcyq4z51-2.png?alt=media&token=e2bf5c82-a9b2-403d-a5cd-fe09f708969ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vlqi0-3.png?alt=media&token=991b19e5-257d-4db0-9f2b-bc0ab092eedahttps://m3.material.io/components/checkbox/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0yt1n6-1.png?alt=media&token=e687e377-f0e9-4a8c-8323-97b6f3b03b2dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vnl39-2.png?alt=media&token=a6b2f259-cb48-4e43-9699-e20e94c0d737https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vok05-3_do.png?alt=media&token=6dd5d04d-babd-45cf-b7f8-a5e95ab275ffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vwf9n-4_dont.png?alt=media&token=049701a4-cc33-442f-8e4e-db9c79aa40fahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcypcjyf-5.png?alt=media&token=e0bb850c-365e-424b-aaa7-703285e8a6eahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vwj88-6.png?alt=media&token=9323d5db-9e97-4df0-a4b0-2cf2136cf1d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcypfx6t-7.png?alt=media&token=5f2b1048-7e0f-45f5-8f9b-3f09fab4e910https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0vp83b-8.png?alt=media&token=ccabbf13-9b61-4bec-938e-708c502111b0Using checkboxes to select a list of extra ingredients, like pickles and tomatoes, to add to a meal.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3f7ot-GM3-Components-Checkbox-Guidelines-1-v01.mp4?alt=media&token=a07308bc-26e6-4d34-8765-cd9ad9e28b822026-01-16Checking parent checkbox also checks child items. Unchecking one child item makes parent indeterminate.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3h4ri-GM3-Components-Checkbox-Guidelines-2-v01.mp4?alt=media&token=6272d373-67f5-4c84-83e3-b244899053432026-01-16Selecting a checkbox for turning on dark mode immediately changes the phone theme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3iba1-GM3-Components-Checkbox-Guidelines-3-v01.mp4?alt=media&token=a72e8a98-afda-496e-b1ea-50647e6a9bca2026-01-16https://m3.material.io/components/checkbox/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcyjgb31-01.png?alt=media&token=c0a1a399-2957-49d2-96cf-9dc729961c04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmab66psf-2.png?alt=media&token=fadcebcc-29a3-4085-8fa0-d922c32e0670https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmab66tlq-3.png?alt=media&token=fbb69b91-a08c-45f0-9f2e-4b6651b571dbhttps://m3.material.io/components/checkbox/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmemmstmc-1-3P.png?alt=media&token=924643e8-47c7-4874-8271-434f69003145https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmemmtsu5-2-3P.png?alt=media&token=ffcff7c9-bb3d-4de7-be55-117c9cf5fe0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmemmvnkr-3-3P.png?alt=media&token=8ead9094-8d12-42db-9365-a68124755b51https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmemmxoan-4-3P.png?alt=media&token=9dc838c3-495c-4055-a7e4-aca61fe84f4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmemn204f-5-3P.png?alt=media&token=f0da40bb-17ba-4681-9e12-b76629ef8f5ehttps://m3.material.io/components/chips/accessibility2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm99z66s4-01.png?alt=media&token=f43b4651-be9f-4a1a-a7d2-4658f1096a47https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmderzcwe-02.png?alt=media&token=75d7c645-1d21-4915-8290-080815f8529chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmderoau5-25.png?alt=media&token=16369c04-2f10-46eb-b761-0d25cd0b85c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd78nzr3-04.png?alt=media&token=4e0b3550-1e77-44ea-82a9-cfafaacadf98https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmdfzbasm-06.png?alt=media&token=6e48261d-e866-4ab3-b79c-0e1ebbd20fdfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7orxd0-09.png?alt=media&token=703e2e1f-9e01-4ee6-aabf-fe051010953bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7p0i6r-10.png?alt=media&token=3e5ad57b-e9ee-4e7d-a163-13a4be83cf1chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7ot1xs-11.png?alt=media&token=ff16dbe5-ccdc-4988-ba07-1b1cd6555ae0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7p0649-11%20(1).png?alt=media&token=a7a56d49-99b1-4efa-b5e3-1c46a9476ad5Selecting a leading button pushes chips previously reachable only by scroll below, making them all visible.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9a4c1yw-GM3_Chips_Guidelines_07_IA_v01.mp4?alt=media&token=172440e0-6ede-4c76-8ac1-0ba44b6f713d2026-03-26Selecting a filter button produces a menu with all previously hidden chips visible.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9a4cs1u-GM3_Chips_Guidelines_08_IA_v01.mp4?alt=media&token=e4fc1953-feec-4b2d-b70e-958fbde400d42026-03-26https://m3.material.io/components/chips/guidelines2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smcq59-01.png?alt=media&token=86cdedb7-2247-4e4b-a21c-3fc347cd550bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smdd4g-02.png?alt=media&token=3fa9dd36-2c0c-43b7-9ff2-a5c82ce393d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjonhj-3-do.png?alt=media&token=5c191d0f-005b-4934-bf3a-35e3bd671b25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjp9f8-4-dont.png?alt=media&token=0efbb9dc-12ee-44da-b010-3180be80141bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjqmoj-5-do.png?alt=media&token=3cb399af-ba05-4e3a-b9c6-771322061d20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjqyzl-6-dont.png?alt=media&token=764c08a5-4a46-47a1-ab2d-b93f8a9c86fbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smf6wp-07_do.png?alt=media&token=4240c858-234f-4199-95d5-b29f64dcf2c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smfmgg-08_don't.png?alt=media&token=52f69bde-8de3-45e0-b6d1-cdbd51f10d1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smgjsw-09.png?alt=media&token=187779c4-7ddb-431f-bca1-622cad03df96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjtuyd-10.png?alt=media&token=999b1920-2d6e-4cd7-b9c8-78ddde74c657https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wn25i4-12_do.png?alt=media&token=f1702ca4-246b-47a6-802a-44a833161071https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm99ytacz-13.png?alt=media&token=b7f1c500-c60e-43d5-b95d-3f930b4d211bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smkogw-14_do.png?alt=media&token=2e20d7c0-d7ae-4960-ae3d-3ea7dc9af20chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sml3zk-15_do.png?alt=media&token=413b4ccf-6370-4b8c-b311-0ebfcccac584https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smnajs-16_don't.png?alt=media&token=3b06b36e-ee77-4f2e-a619-9773f7844161https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9a01xre-17_don't.png?alt=media&token=525db271-6e30-413f-b3f4-d7c8d3bf0ae2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjz5d8-17-do.png?alt=media&token=20092f2f-045e-4edf-8e14-9e78f9114f33https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztjzmjd-18-dont.png?alt=media&token=553c8425-a48e-4625-939b-3b1a4d3365dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zizvw6-21.png?alt=media&token=a6741b15-9443-4568-b584-7d11e6b72ba3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztk48sd-20.png?alt=media&token=5d587b93-544d-4a45-9be9-542d6d0c639ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zj3zjt-24.png?alt=media&token=578a04b5-623e-4874-876b-1eb88afc97d5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wnoowx-25.png?alt=media&token=561c8e6e-128c-45da-b180-9450412e9786https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zjf1m3-24.png?alt=media&token=2bf49756-db97-43e7-a702-6a4b9bdbe2f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smwopa-25.png?alt=media&token=84a161d6-6b18-4acb-828c-8bff17399130https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8smx4qo-26.png?alt=media&token=7c211ee9-74de-4ba7-a008-9a62fc6fa312https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wo1u2m-30.png?alt=media&token=9cea4dd5-c858-4626-82ff-c09630488036https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8wjrh5-31.png?alt=media&token=341ec51a-32f5-45e7-bc40-dd91b7788422https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sn3s8s-32.png?alt=media&token=9227cae5-778a-44bf-8a7c-42f75b4835a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sn4ehq-33.png?alt=media&token=02823c77-4aa6-4603-b3dc-22030f8fe1f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9a0g8g2-34.png?alt=media&token=8e8879ac-09ef-444c-8340-d45d028571b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9a0gd06-35.png?alt=media&token=ff38ae5c-50b2-499f-9204-bfa0d3135145https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wocw84-37.png?alt=media&token=f109c387-69b6-4020-a8c3-cd9e50bded6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wodig6-38.png?alt=media&token=2983ad03-04d7-4d0d-9f35-8db9c0da9ccbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8woi0j8-40.png?alt=media&token=bc5c2541-a0f8-49b4-a691-fde4c192e999https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sni3vn-41.png?alt=media&token=cb763d98-2de3-4f8e-9abb-3c125699143dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztl3mne-41.png?alt=media&token=c2820337-f5ab-4aff-8081-11d14f5773cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztl40h2-42.png?alt=media&token=10ac484e-eb3c-4dee-8271-fc90e5127357https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztl535g-43-dont.png?alt=media&token=c3bec0f6-c82a-454e-8f19-7faa3755d2a7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zjw6tr-46.png?alt=media&token=42ea9290-183d-49a4-87af-026dbbb7ece0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8wovhxb-52.png?alt=media&token=3e654279-702f-48a1-af2a-545f84e6f643https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01e2s34-48-3p.png?alt=media&token=4678d2e0-a392-4577-b8c3-bb668e23d234https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6bamolo-50.png?alt=media&token=d3df4ace-e08e-419b-ab0e-4c3371cf03cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8snzt8q-60.png?alt=media&token=c295bcf6-1528-4244-90ce-1164046350c0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztl8hee-55.png?alt=media&token=4f7aa05f-7c5f-48eb-a506-01bf4b00db3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01e408l-56.png?alt=media&token=c55f2035-dde2-46be-acc9-612a3ffd3642https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm99yzvnz-65.png?alt=media&token=2a4c37d4-4d71-4045-836a-2c8028cdb79ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztlb0cw-60.png?alt=media&token=6853add2-195f-47e8-b902-eb3085d43868https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztlbx06-61.png?alt=media&token=b95c0757-168c-455a-9fc1-011ea38e927ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flztlcsh2-62.png?alt=media&token=812ad7a5-cf6b-44e5-bfb5-11e3a90371093 assist chips labeled “Mail,” ”Messenger”, and “Video Chat” on a travel article.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6bar2g2-GM3-Components-Chips-Guidelines-1.1-3P-v01.mp4?alt=media&token=15812d6f-42a4-4fe4-9812-5733219f28082026-03-26Assist chip showing confirmation upon selection.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6af1abe-GM3-Components-Chips-Guidelines-1.2-v01.mp4?alt=media&token=1bd6a52b-bbba-46d0-b946-613396ca2cc92026-03-26filter chips labeled “Extra soft”, “Soft”, “Medium”, and “Hard” First, the “Extra soft” chip is selected, then it unselects as the “Medium” chip is selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zkgr9j-GM3_Chips_Guideline_36_IA_v01.mp4?alt=media&token=5c0b8311-4de3-482b-a20b-a5251b0596b02026-03-26In a trail selector mobile app, a person selects the whole chip to change the menu selection from Walking to Cycling. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zkn8ku-GM3_Chips_Guideline_39_IA_v01.mp4?alt=media&token=c626d3e1-6080-48f3-95d3-23abf456ae842026-03-26Contact transformed into input chip in the “To” filed of an email draft.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6baqmrn-GM3-Components-Chips-Guidelines-4-3P-v01.mp4?alt=media&token=2569f33b-b367-47b3-a977-5b2b379f29ec2026-03-26Animation showing selection of chip with backspace key.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8spbow8-GM3_Chips_Guideline_49_IA_v01.mp4?alt=media&token=049c59f7-5794-4c95-8a75-2db52a697eaa2026-03-26Contact input chip expands to show multiple email addresses for that contacthttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6baqa1g-GM3-Components-Chips-Guidelines-6-3P-v01.mp4?alt=media&token=3578c258-6cc2-47e3-ab3c-b561e7eae8d92026-03-263 input chips horizontally scrolling.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8zkwi4x-GM3_Chips_Guideline_58%20-%203P%20-_IA_v01.mp4?alt=media&token=cf7cc6f3-c5fd-4a6e-a1c6-0a96cb50baac2026-03-26Animation of overflowed chips in a text field.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8so4v60-GM3_Chips_Guideline_64_IA_v01.mp4?alt=media&token=a9f33551-7c2b-43e9-8fb1-967498afa01d2026-03-26https://m3.material.io/components/chips/overview2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzthj7vk-1.png?alt=media&token=87bf4249-1c98-406e-bf83-32e0e1b6d5a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sdpshu-02.png?alt=media&token=66986121-1317-4638-8ba4-3119d622eadahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8se5ler-05.png?alt=media&token=dd95b9eb-911c-4a6d-a1be-1052ac547d3ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8se6c0w-06.png?alt=media&token=8c430631-a8f6-47e3-98e7-32b23f2c4eeahttps://m3.material.io/components/chips/specs2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dv1nz-1.png?alt=media&token=8b66182d-b209-4110-a780-7c2fea9f89f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dv6ou-2.png?alt=media&token=71af17c7-755b-4e82-8783-3d14e68afb74https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8sg1d2r-03-3P.png?alt=media&token=603c0499-acc9-4157-bebc-d11d56548e5ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dvj22-4.png?alt=media&token=6d55f422-809c-4299-b51f-a92f45987516https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dvpzm-5.png?alt=media&token=6302536e-9843-48e9-acf8-8f25e4616e14https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmp8q5ab-06-3P.png?alt=media&token=cb486b8e-952e-4d83-b7b7-f549bc909c33https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8sg2d2t-07-3P.png?alt=media&token=33f4b292-c821-4621-8d79-e208cf3d41cahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dwqif-8.png?alt=media&token=4fcc217b-122a-442a-b135-a812be0e2752https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dwxct-9.png?alt=media&token=f502e45b-c29b-4e36-b02a-19f61bf2cf1dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm02q3wit-10-3p.png?alt=media&token=2930e234-d1bc-45d6-a0b7-5030aa65e856https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8sg4m8e-11-3P.png?alt=media&token=f0519dc3-5dd1-4c3d-af7d-941f77fa286ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm34ufke8-12-3p.png?alt=media&token=accd17a3-9af8-478e-b57b-7ba29d34a792https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dxq8p-13.png?alt=media&token=5f745c90-2770-48d3-a0bb-ccd1215ec1ebhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dxxwr-14.png?alt=media&token=8f51719e-0531-4d6b-80a5-f7d44e6a84aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8sg5r6a-15-3P.png?alt=media&token=990c5a71-7228-4c18-a655-2d23d4528be2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm01dybi0-16.png?alt=media&token=ed6c212f-362c-48c5-808e-8959ad55a5e3https://m3.material.io/components/date-pickers/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tcq2g-01.png?alt=media&token=c53d3a22-1ce5-4bfb-bf36-77548890bd4ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tdrn3-02.png?alt=media&token=2770d845-5def-4bc1-a7a9-22b8d83f43efhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhl9jct-3.png?alt=media&token=ec79be27-46b7-4560-8c67-2ff253e3b94dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tjcxl-04.png?alt=media&token=5fa49d5e-5f45-4258-b90e-390d8e9aa4edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tl1kf-05.png?alt=media&token=2c6fd134-3e07-439b-a93f-1ae9cec2a1bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tmhkf-06.png?alt=media&token=78a780bd-c455-4e42-a20d-fcb0ef5b1e3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tnt2t-07.png?alt=media&token=af48202f-5abc-49e2-8988-43052d0c84e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tp1fs-08.png?alt=media&token=f5cf6a07-9a3b-400a-9cc6-7183fdc69832https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tqs6i-09.png?alt=media&token=b7d6086d-5892-421e-96ed-a8da8de62ec7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tw17z-10.png?alt=media&token=43c1af13-8f5b-439f-b238-443d703699d5https://m3.material.io/components/date-pickers/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5o0x3j-01.png?alt=media&token=2fde5553-057a-47ca-9e87-19b956f2ad78https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5sha07-02.png?alt=media&token=4d9b7796-166a-4e83-8a17-abf61a83c6aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5si8zx-03.png?alt=media&token=84db16d1-ec55-415e-b2d1-76214fa1336ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5sj3v5-04.png?alt=media&token=9c5f5c53-5d9c-4fc0-98ec-417a001994a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme1yy2eb-05.png?alt=media&token=eb5f6437-120f-4436-8382-78df0df143f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5skthv-06.png?alt=media&token=4ef9f1b3-6e99-4787-8150-6c64b1808315https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5slanf-07.png?alt=media&token=fbc898d0-972d-46fb-a595-ecb0db8f514chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5sma00-08.png?alt=media&token=1723a5d5-4cdc-4758-a1bc-bb362780ad84https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5smpl6-09.png?alt=media&token=e4cbb084-d156-4210-a569-37fcda9a9ad4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5sng56-10.png?alt=media&token=5d099ed8-e13b-4f7d-8148-7564dd7c636ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5srxxg-11.png?alt=media&token=342f4eea-5c39-4b69-b4f5-32d5ae50042bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhhvs4s-12.png?alt=media&token=b3de10d4-789a-4203-b950-97a19de11e56https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5swv36-13.png?alt=media&token=e9e8a585-7d28-4714-b57c-8ad56ad35932https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5sxs60-16.png?alt=media&token=8e25c888-0ff4-41b3-bc49-bcb15ee42958https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t0t93-17.png?alt=media&token=62987e8d-906f-4598-bc57-2b24c75d6f99https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t2vbx-22.png?alt=media&token=c323b202-962d-44d8-b4b5-fd7e3c3cf2f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t44vn-23-do.png?alt=media&token=ef86d677-f014-4215-877c-dc501c32eae2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t675k-24-do.png?alt=media&token=335d8130-c5c5-4080-a5c4-ba8454108840https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t84q0-27.png?alt=media&token=05e79f57-4608-4f32-96b6-3731d33645eehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5t9e1o-28.png?alt=media&token=b002f7a4-2450-47c1-bba0-3475b334d19bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5tb2d5-32.png?alt=media&token=ab567470-5b68-45ed-a913-8c80288f7894Animation of a docked date picker adjusting its size to the selected month.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhi1ze1-GM3-Components-DatePickers-Guidelines-1-v01.mp4?alt=media&token=14718388-0acf-4f51-8bfd-f3a42d76e2832026-02-05Animation of a docked date picker changing from calendar view to year selection menu view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhi7618-GM3-Components-DatePickers-Guidelines-1-2-v01.mp4?alt=media&token=39201a22-7ffc-4cd4-9687-32cd38f602602026-02-05Animation of a docked date picker being swiped horizontally to navigate across months. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhkhvz2-GM3-Components-DatePickers-Guidelines-2-v01.mp4?alt=media&token=f4bbefe5-6937-423a-b476-bf0017f6fcf42026-02-05Animation of a year picker in a docked date picker being tapped and scrolled vertically to navigate across years.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhkizck-GM3-Components-DatePickers-Guidelines-2-1-v01.mp4?alt=media&token=285c6117-593f-4534-8e21-ea29c2b37fb62026-02-05Animation of a date range being selected on a modal date range picker.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhklm21-GM3-Components-DatePickers-Guidelines-3-1-v01.mp4?alt=media&token=d7feb81d-26c5-47e5-9fca-4bc3cd16d2a42026-02-05Animation of a modal date range picker being scrolled vertically to navigate across months.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhkmci9-GM3-Components-DatePickers-Guidelines-3-2-v01.mp4?alt=media&token=d1bdd71c-9ab4-4c3a-80fc-1627c3246c482026-02-05Animation of a modal date picker switching to a modal date input when the range selection icon is tapped.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhkrz7i-GM3-Components-DatePickers-Guidelines-4-1-v01.mp4?alt=media&token=76f08e5e-c703-45fe-b531-7345581c51d82026-02-05Animation of a modal date picker switching to a modal date input when the edit icon is tapped.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhksla9-GM3-Components-DatePickers-Guidelines-4-2-v01.mp4?alt=media&token=06f2bb29-37a9-4905-8635-f2393d27ed362026-02-05Animation of a modal date range picker showing visual differences between selecting a date range and today's date. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhkykpc-GM3-Components-DatePickers-Guidelines-5-v01.mp4?alt=media&token=106350df-2005-4bcb-bd3f-85d759d55eac2026-02-05Animation of a modal date picker's enter and exit transition.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhl1ir9-GM3-Components-DatePickers-Guidelines-6-1-v01.mp4?alt=media&token=7e8088e1-11c9-47ed-81df-3a972cf0c87e2026-02-05Animation of a docked date picker's calendar icon being clicked making the calendar view appear for date selection.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhl2xgp-GM3-Components-DatePickers-Guidelines-6-2-v01.mp4?alt=media&token=9cb11627-c019-4d3d-947e-e01368c33f7d2026-02-05https://m3.material.io/components/date-pickers/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd5mxu7o-01.png?alt=media&token=14c0b956-fdb9-439e-a756-23f4628ecc57https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fle4qmou9-1P-datepicker_whatsnew_1.png?alt=media&token=771d7d4e-4ed2-4492-915e-9b82218f4848https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd5mtxw0-03.png?alt=media&token=d52e7f85-ffd0-4403-9a9b-bdbb6c9d6dadhttps://m3.material.io/components/date-pickers/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vnbm5-01-3P.png?alt=media&token=f8cfe189-33cd-4fc4-a6dc-bd6450d2e6a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vo1av-02-3P.png?alt=media&token=cba8add3-87cc-4939-add2-d986a5c24e70https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vofa8-03-3P.png?alt=media&token=3bd8bafd-1d95-4cf2-af69-9023191c7f36https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vovcl-04-3P.png?alt=media&token=1a14476e-327e-4930-8f5e-21b31ebe0633https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmel11ou5-05-3P.png?alt=media&token=02f8923f-d188-460f-af59-6fe54d826576https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmel12gcl-06-3P.png?alt=media&token=9fa12372-b9a0-418d-9723-c45792f3ed8dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vrc28-07-3P.png?alt=media&token=85602f38-74d4-4677-9fab-3d0c70e3e2abhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vsstf-08-3P.png?alt=media&token=f8917782-dc39-459c-82c1-25a58cc38522https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vtc2f-09-3P.png?alt=media&token=83ed57ad-19ce-49fd-ae71-8abbffaa04c0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vtxo6-10-3P.png?alt=media&token=f05f53b5-59da-4e5f-9ec9-7203ad1f9580https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vuima-11-3P.png?alt=media&token=1b73b296-3144-48af-8be5-d480a52c7c25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vuwh7-12-3P.png?alt=media&token=fb15589b-0448-409d-86f3-8abe2ea61b51https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vv9ft-13-3P.png?alt=media&token=2d71a3a0-7075-4060-b90d-8e7b4e923f91https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmel16bx5-14-3P.png?alt=media&token=32b56f0d-5b77-413c-9223-f2ae6d5cc275https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmel16puv-15-3P.png?alt=media&token=dec9ac5f-f517-4f99-b9e8-4f0d672a76e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmel175wp-16-3P.png?alt=media&token=4cd021d6-ccee-4180-94d2-4cdc83d3b60fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vxg0z-17-3P.png?alt=media&token=0c687b22-f9e0-400f-b021-a647102e0d5bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vxz7r-18-3P.png?alt=media&token=bd73746c-8b00-49a3-9e3c-e5424fedbc59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vyfrl-19-3P.png?alt=media&token=78be5f98-a2b6-4572-85c3-b4f56cc6fecbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vyzk0-20-3P.png?alt=media&token=48c3f31a-3c58-4f58-9d95-2ffbbec4ea12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6vzozd-21-3P.png?alt=media&token=9efa75cb-9f0e-4244-855d-97c76e55e80ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fme6w02sb-22b-3P.png?alt=media&token=39741611-fe07-4d4f-a3ab-91c2ae665a5dhttps://m3.material.io/components/dialogs/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgve0z-01_do.png?alt=media&token=15a731c6-5d4e-4b65-afb3-23b6275d0935https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgvt7t-02_don't.png?alt=media&token=f88b6702-ef51-4b3b-97fc-c338539dc884https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sh8mb2-03_caution.png?alt=media&token=f2a9bb8e-dfb7-46a9-a33f-20f895f8a834https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8x3m4cu-04.png?alt=media&token=4e645417-fc9a-48de-a66f-a3b5c5d16723https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8wqpp2r-05.png?alt=media&token=d5214cf8-9fa2-458f-9e17-5db4e07235bahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8wqq56l-06.png?alt=media&token=2eae0221-4a71-4ca5-b873-6d3bf94cbd23https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk2a1j0z-07.png?alt=media&token=f67fa051-a23b-4607-a062-bcd540ddcaefhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk2a20m5-08.png?alt=media&token=0478cb5e-0c5f-4154-9888-0ba7de7a3247https://m3.material.io/components/dialogs/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sf9qay-01.png?alt=media&token=5e8c7d9f-1451-4104-b5a4-c64b2e98296fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfc7pz-02.png?alt=media&token=48e473e3-7381-4089-8e91-11de31b32586https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfcqhr-03_do.png?alt=media&token=3655fc78-54b9-44f6-a239-d93670bb087ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfdc9w-03_dont.png?alt=media&token=6a548db0-3131-46af-9f44-d30b74de4904https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk29xmfo-05-3P.png?alt=media&token=89e12852-9fec-44ab-82ca-d281460b0ba7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfhos4-07.png?alt=media&token=c26b3dc0-c5bd-4fe6-8081-13019a21814chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfick9-08.png?alt=media&token=7287dba3-0638-4a9f-afde-dcc94ce608e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfkf69-09.png?alt=media&token=76b7d3c2-c1db-4dc4-aabb-8df0851f4dd7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfl8j1-10_do.png?alt=media&token=6685809e-faa9-4002-a1ca-7b6355cc0c4ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sflmm0-11_don't.png?alt=media&token=2b32fc1c-10ea-4041-8719-5a0bbd515d5ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfm2yt-12_Caution.png?alt=media&token=bb20aab8-9a35-4eaf-9f8c-f2fc29f20a6chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfmezr-13_do.png?alt=media&token=5244a6e2-9faa-44ec-998d-12d486666021https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfmqqd-14_do.png?alt=media&token=12972233-4c46-4c82-9b80-86136ae125cahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfn276-15_don't.png?alt=media&token=51d3809f-8761-4ad0-91d1-d3b4b9bc21dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfq9tm-16_do.png?alt=media&token=1ac568e8-5f77-443d-9a0f-ee24e2d5ae71https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfqm2i-17_don't.png?alt=media&token=834d6d37-9c33-4d38-a72a-ba3fc1c84783https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfqzp1-18_do.png?alt=media&token=0c0f6350-ea79-41f6-a82b-8adcb6ef4f5dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfre4i-19_caution.png?alt=media&token=e19e944e-1e50-437b-81e7-643e4dd9dd6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfrskh-20.png?alt=media&token=ce701d0c-c122-4fda-9244-be331795f9a5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfumns-21.png?alt=media&token=f60188e3-24f3-4ede-a5c2-ae41ebbda58fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfuxlx-22.png?alt=media&token=356b591f-4aa3-4889-95f5-2c579e0c699fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfzk1g-23.png?alt=media&token=5d0f7fb7-2646-4c2d-9450-71e463c72f7fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sfxxnd-24.png?alt=media&token=3b205d81-1479-4bf5-aa8c-c803aa41e7dehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg5wkr-27_do.png?alt=media&token=8aa1b2c7-d3e9-4c8d-a171-dd8f5920102ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg67kv-28_don't.png?alt=media&token=a6a5c838-d758-4465-b05e-f29ac5eb0d3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg91cq-29_do.png?alt=media&token=1829089e-6440-4fcf-8d7b-5b4dd688ad92https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg9bz5-30_don't.png?alt=media&token=0d99e0df-e3f2-4c02-9a9c-598c311f8e7chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg9nzm-31_do.png?alt=media&token=80b7cdd4-6892-4661-a674-6e85c62b9122https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sg9xoh-32_caution.png?alt=media&token=5d180627-2303-4b00-92e5-39d90741c8fdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgbmj3-33.png?alt=media&token=17fd8879-6435-409a-a3a9-8bd390799892https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgc676-34.png?alt=media&token=9bc72c88-69cf-49e2-a631-070890d60754https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgj2r1-35.png?alt=media&token=a9f16af1-69fe-43cc-9806-883818a87845https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgjir4-36.png?alt=media&token=e2dd2b5a-1e2e-4051-a0da-4ec15079f2cehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8sgqe15-38.png?alt=media&token=9a9c7716-0f17-4ee5-a3c9-a6fb5114547ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fktug7t17-3_Mid.png?alt=media&token=95c45efd-2c43-4b6a-90c7-fb429faa565fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fktug7t17-3_Mid.png?alt=media&token=95c45efd-2c43-4b6a-90c7-fb429faa565fA FAB transitioning into a full-screen dialog.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbh08c2v-GM3_Dialogs_Guidelines_25_IA_v02.mp4?alt=media&token=4d9bc267-de3b-41ba-a59a-b96aa5200dc82026-02-05Closing a full-screen dialog triggers a basic dialog asking to discard the changes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbh098mh-GM3_Dialogs_Guidelines_26_IA_v01.mp4?alt=media&token=77730ed0-06cc-49a3-a5cd-1c2c8cf1606a2026-02-05Dialog entering and exiting screen using fade transition.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbh0yk3u-GM3_Dialogs_Guidelines_37_IA_v01.mp4?alt=media&token=2b4cff4a-041a-4ade-9ef3-5ba676b77f4d2026-02-05Example of fixed dialog title and buttons.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbh0z34p-GM3_Dialogs_Guidelines_39_IA_v01.mp4?alt=media&token=5c6d756b-f497-46fa-9ccb-973051ae5d8b2026-02-05https://m3.material.io/components/dialogs/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9yk7iw-01.png?alt=media&token=50a39047-4d06-477e-a9d8-84dd6a5afae9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9ykeuk-02.png?alt=media&token=02244cb3-7889-4321-9a65-aa3040bbadc1https://m3.material.io/components/dialogs/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk29t71i-01-3P.png?alt=media&token=107d201b-e3d7-4dcc-aa58-71f053c9364chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9yledn-02-3P.png?alt=media&token=d1f0e8c8-54da-41e3-81a8-ad46dcb5d3b7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9ynrkv-03-3P.png?alt=media&token=8e554b7e-0509-4f02-8563-7453e0bb40e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm9h7yor0-04-3P.png?alt=media&token=26b84960-cb4d-4ddc-b996-2fdc771c1432https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm9h7z23b-05-3P.png?alt=media&token=0db0c4c5-bdf2-4697-964e-4d38cf508d2bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafq2x4i-06-3P.png?alt=media&token=4cc6deb6-b269-43d4-b21a-7234ae0d2d49https://m3.material.io/components/dialogs/xr2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadfali7-01-3P.png?alt=media&token=f73d6ca4-0e57-4a9b-8625-6103063af093https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalezhon-02-do.png?alt=media&token=b0ed1d99-a991-4fdd-be40-7ca7676dea33https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalezlwb-03-dont.png?alt=media&token=0a9eb24b-d526-4918-8d26-dbb4a035490chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadfk9dk-04.png?alt=media&token=a24cc9e9-0dff-4244-8d36-688fcfda5a48https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadfn41n-05.png?alt=media&token=0217ac8a-8637-43ac-88f6-fd71dcbb335chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadfqce4-06.png?alt=media&token=2cf6eaca-492c-49c4-9e74-2ba00d818f66A direct view of a spatial dialog appearing and disappearing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadfydkq-XR_Dialog_Behavior_01_IA_v02%20.mp4?alt=media&token=653f8f49-cd66-4843-a345-4f36e59c613c2026-02-05A spatial dialog elevating on the Z-axis, as seen from a side angle.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadg0a4h-XR_Dialog_Behavior_02_IA_v02%20.mp4?alt=media&token=b715431b-f741-47a2-977f-7fac8e1b32cf2026-02-05An animated side view of a dialog moving from the lowest to the highest resting level.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadg3ndl-GM3_XR_Dialogs_Motion_Placement_01_IA_v03.mp4?alt=media&token=41a20938-11ad-455b-a67f-340b75bd969b2026-02-05A dialog follows a person’s head movements, remaining centered in their field of view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadg6ja9-GM3_XR_Dialogs_Motion_Placement_02_IA_v05.mp4?alt=media&token=ca28bb9a-0d74-4508-b327-27dc0be6672b2026-02-05https://m3.material.io/components/divider/accessibility2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b63ho-1.png?alt=media&token=e34807f4-1539-40bb-98d4-a974ef5b2bfahttps://m3.material.io/components/divider/guidelines2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6awcxp-1.png?alt=media&token=12fe2d89-f8a2-4225-af54-9e3ed1e5696ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6ax8hs-2.png?alt=media&token=df5af949-7c28-4ff5-ae9d-2921bb69aad3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6axm30-3.png?alt=media&token=8b4961e0-942d-44c1-ba45-c1c519b505d6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6ayhl6-4.png?alt=media&token=8ab69ad7-2649-4d61-8ea0-e78c883c69d5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6az64p-5.png?alt=media&token=8b64b7fe-bbf1-4a08-ae49-5d64147889e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6azny5-6-do.png?alt=media&token=f0067f91-a5c2-4623-9abe-c9f2f6ef2c90https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b0986-7-caution.png?alt=media&token=d783f10a-ac99-47ae-93aa-30a247a78516https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b0tzg-8.png?alt=media&token=6f18c7dd-6395-4c8b-b986-995b10563a2ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b1g5j-9.png?alt=media&token=dcc21e9f-b77f-4d73-ad44-836bfcdc6e90https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b1yh0-10.png?alt=media&token=e4fafa7d-57c0-4167-8d06-e572c40b6204https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b2hjo-11-do.png?alt=media&token=fa232ddc-b5f2-4533-b074-c777e4e68607https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b329x-12-do.png?alt=media&token=1aefe556-bb41-4d12-b1da-7426eec7d7aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6b3p0d-13.png?alt=media&token=19b15218-15a7-41dd-8a17-46f023941776https://m3.material.io/components/divider/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6aebbf-1.png?alt=media&token=00e7e89b-a308-4fed-9e37-e08af6dfd8a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flv6afl2u-2.png?alt=media&token=47c716a5-f6e6-4018-bc89-6fd9e7fb5260https://m3.material.io/components/divider/specs2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvdgvb10-1.png?alt=media&token=33e2a703-65c2-43ed-9d28-0debf4306507https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvdgvshh-2.png?alt=media&token=12a3db31-a65a-4668-94bf-7be61e0eeb33https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flvdgwerz-3.png?alt=media&token=3897448c-4415-4e21-985e-3fbe9b50f072https://m3.material.io/components/extended-fab/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e5baky-01.png?alt=media&token=d4a320d5-298d-43a8-9e13-834adb34a1bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmgu83-02.png?alt=media&token=898399c4-2a45-4bb4-8089-5a869da143bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmhng1-03.png?alt=media&token=8f726c4c-3cc6-4fec-8518-403650fba64ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmis8z-04.png?alt=media&token=bf33f207-5a42-437b-a1d6-df3b1f8c34c6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmjod6-05.png?alt=media&token=1f36adfa-b3b3-459e-b692-aa1deb2855f1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmmjzu-06.png?alt=media&token=88489b92-fd7e-4f30-a6da-a6b4b9962f55https://m3.material.io/components/extended-fab/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dfvsl8-01.png?alt=media&token=6a727ef8-a86c-46f7-9ed3-ab9fb62554b3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dfxjts-02.png?alt=media&token=90832d30-29cf-47e4-bc30-57e91caa6637https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dfymif-03.png?alt=media&token=6073e07a-39e3-4e98-9bd3-34315524ed39https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dfzjai-04.png?alt=media&token=135eef66-42c9-4ae2-a1d8-e4e619a74ffahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dg2hbe-05.png?alt=media&token=3f47cb00-341b-4da5-9f84-11d5a1805609https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dg63ur-06.png?alt=media&token=0fd605b7-b8d9-49b1-a3d7-fd854c99f549https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dg6za4-07.png?alt=media&token=44c698be-70ea-4bcd-a6ce-222a161a6978https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dg9f6o-08.png?alt=media&token=0d4c8320-2e45-454e-9ffb-5487be5f2aa1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dgacb3-09.png?alt=media&token=ffcfefcd-f834-4dd9-84ba-840723ed9e95https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dhk1cf-10.png?alt=media&token=bc0b1322-7722-4911-a73b-3653406c566ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dhlqdv-11.png?alt=media&token=c9b49131-63fe-42cb-8611-388802055d3bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dhmym8-12.png?alt=media&token=e12a3cd1-a98a-449e-a8f2-df33f31290d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dgr1oq-13.png?alt=media&token=99f7b8ba-a716-4af0-9d41-e0394c7ef714https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e6c0j7-14.png?alt=media&token=b6d6f787-9768-4e24-a094-f74f55ed18a9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dhs8b9-15.png?alt=media&token=57d8fa15-d91d-4afb-a318-dcf67d577aeehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dhtaim-16.png?alt=media&token=640e670e-9be7-48a6-8dce-609fad699a1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0di65x4-17.png?alt=media&token=83a686da-79c0-46a1-8597-e87048f40ba3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0di94u1-18.png?alt=media&token=097ae808-0f48-4d6f-b196-3a7ca2af49afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dia4hb-19.png?alt=media&token=66ba14b8-148b-479f-b645-311243e6419ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dib69h-20.png?alt=media&token=dad3fb69-2734-4141-8f02-5130a691d744https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dif190-21.png?alt=media&token=c974e34b-8309-4170-a095-61b8a2faaf76https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djhpqm-23.png?alt=media&token=f160b11a-c68f-4ced-9409-72e84d507e7chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djk489-24.png?alt=media&token=afd494ea-eb93-4f79-9046-6c542eb5f226https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djl493-25.png?alt=media&token=b52dabe0-7c8d-4f53-87e3-4dfb4c84a168https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djn9nf-26.png?alt=media&token=6d717050-1200-42ec-aa29-b05dd1dffe34https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djo3i8-27.png?alt=media&token=d9906095-7edf-483d-a0ba-f50233d8370ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djp9q0-28.png?alt=media&token=4d585d98-9d3a-4356-abca-5d160c2ea1b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0djqcsu-29.png?alt=media&token=de1c588a-b37a-40b5-bb9f-5bf2edcbfa30Extended FAB appearing on screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm23g68f9-EFAB-A_1.mp4?alt=media&token=9f42a1e6-a093-4791-a1a1-aa211ea3f3f32026-02-05Extended FAB adapting to various shapes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e6w6vv-EFAB-B_1.mp4?alt=media&token=3f7e1b7a-be23-4869-95aa-f6f592102d312026-02-05Extended FAB transforming into a FAB when the page is scrolled.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e6wsqu-EFAB-C.mp4?alt=media&token=52163e6a-2c39-4b6d-81ab-4b12a4f358852026-02-05Extended FAB transforming while scrolling.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e6x271-EFAB-D.mp4?alt=media&token=2fb29be1-a582-462f-b44a-1a940a38aeab2026-02-05FAB transforming into extended FAB.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm23g6lbk-EFAB-E_1.mp4?alt=media&token=8b552464-4349-49a5-aa8a-8c1473e967c82026-02-05https://m3.material.io/components/extended-fab/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0df17xu-01.png?alt=media&token=06dfec2a-47be-4659-a524-86f136cec764https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9nentp-02.png?alt=media&token=fb7094cc-1fac-45eb-a3f7-a5c683b28ba3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmae6zhok-04-3P.png?alt=media&token=37880129-5f8d-4a33-a5b2-b8e74634c57bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dff6p3-05.png?alt=media&token=896b601f-21d9-4cae-854f-840ba268dd73https://m3.material.io/components/extended-fab/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rfc55-01-3P.png?alt=media&token=6a57bbbf-b6f3-4f09-8343-d327e4581fbchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rfwo5-02-3P.png?alt=media&token=eb54fbf9-bad6-4aa9-8407-0ebd348d1787https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rgmo9-03-3P.png?alt=media&token=79794fe0-1648-40c3-8ecf-5e5592d12d16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rha4a-04-3P.png?alt=media&token=e58d72e9-c13e-4a24-946b-f34ef588516ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ri2r1-05-3P.png?alt=media&token=262c3137-4f81-4e54-a410-502c63d52210https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaljqck5-06-3P.png?alt=media&token=fd04f135-2a40-4ee3-bb14-9673911382d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rj563-07-3P.png?alt=media&token=a20a7b7a-2fb6-4c4d-829c-a97dc72e8f26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rjn8g-08-3P.png?alt=media&token=22bc3f2b-72fe-4857-8ebe-662c70054166https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rm9q3-10-3P.png?alt=media&token=621815a8-8ecf-4aef-accc-2997113f330ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9o6q6p-15-3P.png?alt=media&token=f58280d6-56a7-4c66-815c-4325264115e5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fml9o6v12-16-3P.png?alt=media&token=42cd1ef1-6133-4d16-bfbb-5fcc172a5834https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rmvmo-11-3P.png?alt=media&token=d7936f8b-e675-46ad-96c2-5ad14fd729cbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3rnofz-12-3P.png?alt=media&token=89b9a842-01e1-4dad-a525-edee128e9051https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaljrky7-13-3P.png?alt=media&token=b2fa64b8-d9c7-42df-a65a-91b7b880aed6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaebvm3w-14-3P.png?alt=media&token=f68926a0-c6a7-44c6-9c70-5c603af855achttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaebvv3o-15-3P.png?alt=media&token=c125c6fa-e299-426a-98d4-19e12ef62f0dhttps://m3.material.io/components/fab-menu/accessibility2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am5xpn-01.png?alt=media&token=537719c2-9f5f-4d5d-ba85-2b59cdcd2c5bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am8l9a-02.png?alt=media&token=989423d2-f7cd-4b11-8ac1-115565b2ccc2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am8ym2-03.png?alt=media&token=5fa58f68-9fae-4806-8754-4fe611b73f45https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaejeaf9-04.png?alt=media&token=d8a732b5-ad7b-4566-a92d-eccca8795f38https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmmksaup-05.png?alt=media&token=0aabb7b0-89f8-49e9-9564-e07ee8b0c517https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmmmksh30-06.png?alt=media&token=469b8f96-0db8-4a1a-b379-e77aeed01160https://m3.material.io/components/fab-menu/guidelines2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al2scq-01.png?alt=media&token=933b5d53-2e43-42c9-8f5b-6dd54b507ed1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al39xa-02.png?alt=media&token=8593c439-72f3-4e9a-bab4-31fb9b508f96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al3tfx-03.png?alt=media&token=5f6b948a-7cfb-433e-b36c-e6039479f05fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al46l0-04.png?alt=media&token=99e07baf-b16a-429a-8bd2-f577e1f0ab03https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al4jux-05.png?alt=media&token=4c31fc95-1876-44d9-bd9a-74dfa92d7e4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al73q3-06.png?alt=media&token=7530f997-8c27-4487-b57b-d0257454ef76https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al7run-07.png?alt=media&token=35de4220-c99b-4cdf-9903-cd4c4df92f87https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al91ki-08.png?alt=media&token=ef35ad96-9369-44fa-8547-d3df63456e56https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alljh0-09.png?alt=media&token=ed402cb2-4a9b-4116-9562-9e3805d5d8f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0almfyg-10.png?alt=media&token=67b04c16-7eeb-47fa-86c1-4ed567e43115https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alqq5m-11.png?alt=media&token=e0479ac2-8344-4f44-8bb0-c566b5231015https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alqzgn-12.png?alt=media&token=9f30f3f1-7e25-49f9-be70-457be0bed35fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0feodak-13.png?alt=media&token=eec6074a-71e9-47d1-96ad-fea96e8f63a7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alssof-14.png?alt=media&token=83c41c88-207b-4692-b117-89a41eb96f38https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alt3lp-15.png?alt=media&token=f8796c60-e6ec-48f7-9ff9-255bb1a6fa66https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0altd3s-16.png?alt=media&token=911d5b4e-aa6b-4f62-a85c-b64c402bb265https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alwg82-18.png?alt=media&token=4fbeae7c-3a0b-43ab-9dde-fa6fdaf5fa93https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7ozpxv-18%20-%20Web%20vs.%20Mobile%20-%203P.png?alt=media&token=acc5a489-c566-4633-901b-093de2973a0chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4hkgdmm-21.png?alt=media&token=f82bf9f8-0945-44a8-b5b9-644fecd6c509https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4hkgqnr-22.png?alt=media&token=c61ae0da-15e0-4c67-8ed2-e27877fd51d5The same FAB menu used in medium and compact window sizes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc0tzxol-GM3_Expressive_FAB_Guidelines_FAB-Menu%20D_v01.mp4?alt=media&token=9f57a56c-c58c-4a79-920e-5b21485d655a2026-03-26A FAB transforms into a FAB menu while anchoring the animation to the top right corner of the FAB.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm23g9t73-FAB-Menu-A-1.mp4?alt=media&token=bdf9b02f-b3a7-403e-854b-e1866dc677242026-03-26A FAB menu with 6 items scrolls off screen on a horizontal-oriented device. Scrolled items move behind the close button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fevuhp-FAB-Menu-B.mp4?alt=media&token=30bc4800-73ce-4680-9067-a006d87134102026-03-26A FAB menu item expands and transforms into a full screen dialog.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0few8ot-FAB-Menu-C.mp4?alt=media&token=3017a1d5-9e41-47dc-b66a-982e4e1e35db2026-03-26https://m3.material.io/components/fab-menu/overview2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aj37mw-01.png?alt=media&token=1ac9e775-2541-4a63-8818-d76cf8570699https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aj3ip6-02.png?alt=media&token=fde56cc4-c285-45ef-9019-faa06da95454https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aj3w24-Diff%20GM2.png?alt=media&token=e358569f-0a63-4ead-a844-ad98804cee2dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aj42vs-Diff%20GM3%20Expressive.png?alt=media&token=b0d9f87d-66c0-48f4-9a11-e312b5b207efhttps://m3.material.io/components/fab-menu/specs2026-03-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q0apv-01-3p.png?alt=media&token=6052e914-0b73-49b5-bb94-06710b22c865https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q1bvc-02-3p.png?alt=media&token=999f9b38-e4fc-4555-9211-9a525aa24230https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q41o4-03-3p.png?alt=media&token=0a40cd6b-762e-4236-b0a9-29363434bd34https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q4pvy-04-3p.png?alt=media&token=aeafe6af-aacf-413b-91ec-ae1551e1721fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q6ipd-05-3p.png?alt=media&token=faa394aa-1701-4038-a704-c838e6b7e5f9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q7h0v-06-3p.png?alt=media&token=9965cb9f-131e-4e9d-951d-e2d96a9fa291https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3q8bqk-07-3p.png?alt=media&token=66a1f615-4317-43a0-b515-c235023816c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qcpur-08-3p.png?alt=media&token=cc0e1910-0146-45cb-a930-422d7dd365abhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qf9rm-08-3p.png?alt=media&token=69caec5c-3f45-4ee5-9f75-b7acd8485b0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qfqs9-10-3p.png?alt=media&token=a87058b9-e220-4aca-ab98-eeba2686baa5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qhher-11-3p.png?alt=media&token=e738416d-1893-44e5-814a-c614176b3709https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qhtwe-12-3p.png?alt=media&token=f67723d9-0b12-44fd-9c53-5072affd847ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qj0c0-13-3p.png?alt=media&token=c0c1bcf6-a3a5-4579-8b5f-934d4a89ae59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3qjff7-14-3p.png?alt=media&token=2882a5b7-fdeb-4fb5-b3dc-c1ef40868c81https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmn7ox1xs-04-3P.png?alt=media&token=3539736b-2946-4a4b-afe4-50c9e6ed50e6https://m3.material.io/components/floating-action-button/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalo050e-1.png?alt=media&token=629253b6-a62b-4c25-87fb-42aaf3c80457https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalo08ew-2.png?alt=media&token=ab0762a5-4c94-484c-bfd8-93529cb6309bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaqbeez-03.png?alt=media&token=b4e21a7b-5097-4c6b-95b9-83953c9baf7ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaqbxv8-04.png?alt=media&token=c3a789b3-1207-4157-a96c-49aeba908511https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaqcdup-05.png?alt=media&token=f735b608-ff59-4ef5-b166-b7ab5542cb36https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaqcwm1-06.png?alt=media&token=4f93ecbf-6872-4178-baf9-9d2ab17ede1chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkbecw5o-07.png?alt=media&token=2ead9370-39e9-4c15-b531-c63385f17621https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaqdy3m-08.png?alt=media&token=c5296e63-0972-4391-8fc3-4577544c8c31https://m3.material.io/components/floating-action-button/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapod2e-01.png?alt=media&token=2371fb7d-a6b0-4648-9023-ad1a1b7f96f1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapp0w4-02.png?alt=media&token=241a9e04-8ed7-4df1-8eb7-c389ab51362chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkappjdx-03.png?alt=media&token=a21e240b-8ff5-4959-a8e3-8d002d19ab0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapq84r-04.png?alt=media&token=3ac65358-559c-4725-b887-7c7de2881712https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapqn1b-05.png?alt=media&token=5e6372d1-3c98-40d6-b521-d103604d221fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapr8x3-06-do.png?alt=media&token=362c34fb-d2cf-4c87-b970-68d508cd0628https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaps2z9-07-don't.png?alt=media&token=6a7e9640-e3f3-4bdd-a06f-fd85cd7d184bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6tcz8-08.png?alt=media&token=c6d0cbd2-c2d4-4056-893e-ccaa0c5a7ebchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6uyqo-09.png?alt=media&token=75154982-3fd8-4bde-8d3d-4470c055591fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaptzjv-10.png?alt=media&token=6feee690-87e8-42b2-b91e-6bc024c92addhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapug9u-11.png?alt=media&token=1fa984f4-3e7a-4960-ae4c-2c44611a7ec5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkapv2og-12.png?alt=media&token=3686bf12-1656-4350-ae10-e8f104d287bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq0msf-13.png?alt=media&token=34c9472a-9ed8-4db3-990e-84433d0b6331https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq1779-14.png?alt=media&token=d381cf06-0f9b-41bf-91bb-e199ebfc8769https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq1wxv-15.png?alt=media&token=6e1889bc-265d-4896-8a2d-63cca01c2252https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq2b6m-16.png?alt=media&token=f8d3f99a-25ef-44c6-9dc8-78a71f64e587https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq2qmb-17.png?alt=media&token=4028106d-daa4-4cfb-b4a3-ef0e0c9fb96dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkaq35yc-18.png?alt=media&token=5b375eb2-c9ea-4324-bdcb-09444f227ca8FAB appearing from the bottom of the screen, moving to a position above the navigation bar.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e6834q-FAB-A.mp4?alt=media&token=3303d91a-c26c-400a-a37a-305bc593a7122026-02-05Compose FAB expands to container size, opening a draft email screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm1l6g0wn-FAB-B-1.mp4?alt=media&token=3f9e67e3-57be-4f71-9776-0538f57dc4092026-02-05Extended FAB collapsed into a FAB when scrolling on the page.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm1l6g857-FAB-C_1.mp4?alt=media&token=cf8f18fe-f1c9-487d-87d5-079c08e7df7c2026-02-05FAB blinks away and reappears with new screen content.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd8w19ca-GM3_Expressive_FAB_Guidelines_FAB-D_v02.mp4?alt=media&token=750535f4-7bba-4d54-bfb1-6dd82c944b392026-02-05FAB moves horizontally when scrolling between tabs.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd8w1k06-GM3_Expressive_FAB_Guidelines_FAB-E_v02.mp4?alt=media&token=603fbf2b-e9a0-444f-bcdb-efdb990b82712026-02-05https://m3.material.io/components/floating-action-button/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmkap9gay-01.png?alt=media&token=e8e925f7-45d2-4db6-8bfb-31ea3248ae1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc68z96-02.png?alt=media&token=7cf55ab6-acc3-44b1-8c1d-1291e0357739https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc69mae-03-3P.png?alt=media&token=afcabba4-1475-4c47-9bbe-1270d37b9a5bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6a5yd-04.png?alt=media&token=c710942d-d229-4b16-8eb1-f72cd22c8753https://m3.material.io/components/floating-action-button/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6atia-01-3P.png?alt=media&token=2f73681d-69d8-4486-a35b-e3e28c1eaa41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6bkq8-02-3P.png?alt=media&token=00146424-866a-4818-b7a1-f65a6214d47ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6cml8-03-3P.png?alt=media&token=b76c428a-d4ed-4ec1-b6ab-cdec99f0afffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6diiz-04-3P.png?alt=media&token=d50706b5-2254-4cd5-afb1-852c728e47b2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6empp-05-3P.png?alt=media&token=63065aac-7292-44cb-be02-7632eba1af38https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6fdu1-06-3P.png?alt=media&token=ef3a63fe-b331-4553-a51a-f1e0ca0c3b9bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6fz4n-07-3P.png?alt=media&token=de1a1525-dae3-446e-8546-21b8320985cehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6gdhg-08-3P.png?alt=media&token=816f05ba-1ad7-4d96-a205-d86e3be8772ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6gu0p-09-3P.png?alt=media&token=26b5fc9c-0d30-48cb-abc9-724ec0b42f3ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6ha1z-10-3P.png?alt=media&token=07048e86-e793-4f9e-98d7-816d1c2292ddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6hrgc-11-3P.png?alt=media&token=bb7d4869-9309-4cde-b2f7-824004d2f429https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkc6i508-12-3P.png?alt=media&token=d1de97fa-e91b-40c9-aff1-63fcd3535ebbhttps://m3.material.io/components/icon-buttons/accessibility2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal4w7e9-1_Do.png?alt=media&token=b59c5fba-011b-49af-8c0a-9f06a5d5f4b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal4w3mg-2_Don't.png?alt=media&token=72bcee5d-ca2a-4f93-9c08-861003f0f4ffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal4xuoj-3.png?alt=media&token=f0908e1c-f8cf-467a-a4bc-359ab5bf80d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c1h7ba-4.png?alt=media&token=79849c70-99e3-4433-8616-05d06808a57bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c1j2b9-5.png?alt=media&token=244efcd1-5b55-496d-a4bb-9bc97593fbd9https://m3.material.io/components/icon-buttons/guidelines2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0dz7i-2.png?alt=media&token=5a110185-4604-4ade-839b-64d97ec3e9f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal4e7zr-3.png?alt=media&token=822c3843-626e-4d15-b00a-2c228db906afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0hfou-4.png?alt=media&token=d75ce156-ae29-4e58-8a52-ff89d0acf750https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0ir4x-5.png?alt=media&token=59ab40b3-9d13-4f3f-9009-6b5ecb0b6217https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0lz0p-7.png?alt=media&token=da11d026-2024-4119-ae4d-719fa72443c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5xjqza2-8.png?alt=media&token=47a14a51-a2ca-4f91-8d5f-540cf46986a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5xk0kj1-10.png?alt=media&token=84ca5176-249f-4fdb-a1a5-ad091e974b17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacq65s8-11.png?alt=media&token=749ee537-83e4-4cd2-a706-a14d74c4296dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dw9g2n-11.png?alt=media&token=4b25bd9e-b8bd-41dd-bf61-840592be5a93https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0tpl2-12.png?alt=media&token=b1823b3b-520b-4c87-856e-d1f2d28225a5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal4l31k-14.png?alt=media&token=8a03cafa-e5b6-4a7a-8ffd-49eca72f62e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0wdzg-13.png?alt=media&token=d8ee5c0a-ec56-4503-92b7-e149822a522bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0xugp-14.png?alt=media&token=c015216c-90e6-4071-81a5-7cc615306ed1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c0z5xa-15.png?alt=media&token=2eb01ea3-eaf7-4884-89f5-0c396c18be40Illustrative example of icon buttons in a variety of sizes and shapes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34mdbc5-icon-buttons-A_2.mp4?alt=media&token=2f8d9e21-ece3-48bb-be61-2f7620af0f132026-02-11Cards that swipe to reveal buttons with actions.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34mf3vo-icon-buttons-B_1.mp4?alt=media&token=fd3d6ff0-1cf0-480b-a979-92e115aa66032026-02-11The text Add to favorites appears as a tooltip when the curser is placed on a heart shaped icon. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8q92iv1-Gm3_Expressive_Icon_buttons_guidelines_18_IA_v02.mp4?alt=media&token=756abe96-47df-46ee-bd8c-f068c9f729b92026-02-11A star-shaped toggle icon button to add or remove a song from favorites. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34mfwtu-icon-buttons-D-2.mp4?alt=media&token=52f44936-4228-481d-ac0e-c8e195eb22862026-02-11A toggle icon button to open an overflow menu.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm34mg1cq-icon-buttons-E-2.mp4?alt=media&token=c8ddcbff-ea61-41ca-aa80-9c0eee4e6bb62026-02-11An outlined-style bookmark icon in an unselected state changing to a filled-style selected state.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dz2qbs-icon-button-F.mp4?alt=media&token=cf47de06-dd3f-4aa5-b4aa-eb0d79c7a6542026-02-11https://m3.material.io/components/icon-buttons/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0by1ftf-1.png?alt=media&token=2888d586-c4ee-456e-8444-805543dddbedhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0by3xdg-2.png?alt=media&token=0e9b026c-d4c0-4e94-ad89-55a59618a51dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0by5hfz-3.png?alt=media&token=9b34e493-6c33-4b8e-aa41-93e8045c9952https://m3.material.io/components/icon-buttons/specs2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacn9b93-1.png?alt=media&token=eaccf9c1-f0f1-4ca1-bdd0-1bd695733cf8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacn9wle-2.png?alt=media&token=d72ef6d8-9fd8-465e-858b-fbae2febebb5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacngrp0-3.png?alt=media&token=6f49a2d7-daed-42bb-8a28-29f66f842591https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacnmn5n-4.png?alt=media&token=a93643fc-01ad-4c96-b27f-6fc44e197485https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacny1bg-7.png?alt=media&token=d9a12639-84db-4ce0-a2ab-cb94ea1fd49fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacnyuzs-8.png?alt=media&token=a503edb9-66a1-467f-9012-2a0d190db399https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco0ivh-9.png?alt=media&token=608bddef-1cc2-456c-8fa7-7b483a1f3bfbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco1xul-10.png?alt=media&token=b3419078-228a-4fe2-b312-3c4cf1ffd2c5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco30ip-11.png?alt=media&token=46194872-3ef7-4efe-9f06-2b4ad86432eahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco3sgl-12.png?alt=media&token=f038a5f8-56b3-4d57-9642-60dd620a55fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco50jx-13.png?alt=media&token=e436ef4e-3ce4-4ab4-8823-46785a508376https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaco5p31-14.png?alt=media&token=6dd172e4-9231-405e-9d91-885cfcb639edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal45bxj-15.png?alt=media&token=8748a957-b64c-4f67-82ee-a19fddf12a3bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafeboyy-16.png?alt=media&token=d78d1634-d6a5-4e93-b964-74dd5828ea0ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacoq4wo-17.png?alt=media&token=6ba00bd8-8461-4d22-a064-b844353a3598https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacosw5f-18.png?alt=media&token=25d269f8-b0c4-4510-be2c-e503f0a9c48ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafelwts-19.png?alt=media&token=e4d6f03c-43da-4306-bdd0-eabc58424088https://m3.material.io/components/lists/accessibility2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif14iza-01.png?alt=media&token=140fabe0-eda0-43e7-8c49-95c7213f08f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1lpwx-03.png?alt=media&token=fde07ebe-f294-4921-b6b3-fcbe40f28691https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1n85t-04.png?alt=media&token=2e422eae-b219-462c-91d2-76f6af7da235https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1yik5-08.png?alt=media&token=e925d117-187b-4db5-a5fe-e21b9cab01ffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1z0du-09.png?alt=media&token=11096c65-8976-4b29-83d6-d0e6649c71f5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif21ldt-10.png?alt=media&token=36809b25-a375-4a87-9942-b8f1dda63fa4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8um9bl-11-VQA.png?alt=media&token=6a474f8b-d3ef-4f9f-b356-3c5f87f3662fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8uomf0-12-VQA.png?alt=media&token=c7508f6b-dd4b-4972-af0d-34a6010d313ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8uwmgu-13-VQA.png?alt=media&token=28964eee-ac95-4e56-947c-73a2864ec3cfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8v0dqs-14-VQA.png?alt=media&token=dba9d2e6-ae72-4a63-ae46-a5f5df07c3b6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8v14y1-15-VQA.png?alt=media&token=288e0e31-8107-42b1-917f-061f6ef3e824https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif3ecf9-16.png?alt=media&token=f3d78d78-8ba2-402e-a069-ca0552ca6868https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8wfvkj-17.png?alt=media&token=6abe0d86-e89d-46bf-b644-9c29820e651fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8wgxsf-18.png?alt=media&token=f2da7dd9-7edb-4a4e-ba75-861c0b9191bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif3mprn-19.png?alt=media&token=eb532a0d-fff0-43bc-a056-3452ef435fafA 3-item list shows a touch ripple animation as the second item is tapped and selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1hthv-GM3%20-%20Expressive%20-%20Accessibility%2002%20-%20v01.mp4?alt=media&token=a21e01eb-4aa5-4416-9bf3-69cb6281de102026-01-22A focus indicator appears on the first item of a 3-item list, which is then selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif1rzoz-GM3%20-%20Expressive%20-%20Accessibility%2005%20-%20v01%20with%20Keyboards.mp4?alt=media&token=58a7778f-708f-41ae-bbcf-dcfc4bad045d2026-01-22https://m3.material.io/components/lists/guidelines2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewlynz-01.png?alt=media&token=a7cf803c-b9cd-4c57-a8ea-c8c359aeb52chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewcuoc-02.png?alt=media&token=d865febf-86d5-462f-8c66-4e6ebc4e5e5dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewi9tz-03.png?alt=media&token=7bc2a849-966d-418b-ac1b-ffaf6113e05ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewmxat-04.png?alt=media&token=0bc12f22-822f-4dca-a55e-cf803c736160https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewpdzm-05.png?alt=media&token=83cc77fe-12ec-4e3f-a81a-3ca656b25f1ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewsyte-06.png?alt=media&token=cf5f9795-d6a3-4dbd-a44b-b2496d59a9efhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiex0v5m-08.png?alt=media&token=1cb8a712-4266-4e50-a3df-fe0b9d04e5e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexc5t2-9.png?alt=media&token=a485fa4a-9174-4c45-812c-23f19092eff9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexhs7r-10.png?alt=media&token=bf90846b-653f-4e89-9cbe-5b429e162c37https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexip9k-11.png?alt=media&token=c678f226-2089-493f-855d-5fc175e900bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexkoay-12.png?alt=media&token=5e57234e-4437-4411-857f-dc0694d0f757https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexnuvs-13.png?alt=media&token=a295b2a5-4ec4-435e-b6ef-8507e4c2a387https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexoaw7-14.png?alt=media&token=a19485e2-bb2e-4664-ba06-e59a0e1e969ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiextt91-15.png?alt=media&token=31a353c9-dda5-4e57-9840-f0ad4606b291https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiexzfsy-16.png?alt=media&token=18466d3e-1b66-4ddf-b1d6-ff1a9fe21e12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiezuscb-17_do.png?alt=media&token=84c1ee7c-a7e6-441c-ba3c-19442e4011f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiezvi6d-18caution.png?alt=media&token=0398b3a8-3d8b-4e62-999b-0859fffaadcchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiezxs4c-19_do.png?alt=media&token=2e5e3f61-38e3-4ca9-8506-7a04a16c1d4dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiezzrzc-20_do.png?alt=media&token=6c164d25-b039-4125-98bc-961691f9c1e7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif01yxf-21_dont.png?alt=media&token=59608a8d-5309-4a91-9aca-ce653489c67fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0jzwl-26.png?alt=media&token=9614eb09-3217-4c62-82a3-958065860772https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmielqxgm-29.png?alt=media&token=01482923-26aa-4237-9ed7-8bf0c4cb52achttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmielw5u4-30.png?alt=media&token=452063d1-7f87-49ce-9bed-07fb0459add1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmielzpxu-31.png?alt=media&token=1b8831f3-1559-4969-ab1e-485277328d1chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiem2107-32.png?alt=media&token=0f04fe0b-b4d8-44cc-8907-2cbd0369be87https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiem457u-33.png?alt=media&token=66743795-977c-4cb7-b968-2a513a62d024A song list with a leading images. When selected, a list item’s container matches the image’s color scheme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiewwh4p-GM3%20-%20Expressive%20-%20Guidelines%2007%20-%20v02.mp4?alt=media&token=ac8e38da-34e6-48c4-bd9d-88f501e9686a2026-01-22Animation of a list on mobile and the same list adapted into a 2-column layout on desktop.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif043uk-GM3%20-%20Expressive%20-%20Guidelines%2022%20-%20v02.mp4?alt=media&token=008e454c-7701-4b94-b677-c5492c7f0a012026-01-22Photo list on mobile expands to allow larger images and longer descriptions on a tablet.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0dffm-GM3%20-%20Expressive%20-%20Guidelines%2023%20-%20v02.mp4?alt=media&token=10b138ad-a6d2-4503-93f6-2d5e666fd3d82026-01-22A mobile photo list changes into cards in a larger window size.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0fb1t-GM3%20-%20Expressive%20-%20Guidelines%2024%20-%20v02.mp4?alt=media&token=eb06f84e-f749-4a5c-8607-10e046ed1ade2026-01-22When opened, a mobile photo list item expands to fill the width of the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0hg20-GM3%20-%20Expressive%20-%20Guidelines%2025%20-%20v01.mp4?alt=media&token=56f7990a-7f12-42bd-9ebe-88399e20fa922026-01-22A photo list with thumbnails in a compact window expands into a carousel with large images in an expanded window.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0mtl7-GM3%20-%20Expressive%20-%20Guidelines%2027%20-%20v02.mp4?alt=media&token=d5ed207f-f29b-4de5-a0d4-45e1f14c03922026-01-22A list expands from a compact to a medium window. The expanded items show supporting text.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmif0onle-GM3%20-%20Expressive%20-%20Guidelines%2028%20-%20v02.mp4?alt=media&token=2c013635-21bc-485d-89ab-ab1382a3a0572026-01-22On a to do list, an item expands, revealing nested child items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmiem9cox-GM3%20-%20Expressive%20-%20Guidelines%2034%20-%20v02.mp4?alt=media&token=2194b99b-9a02-460e-b917-b4818d9542322026-01-22https://m3.material.io/components/lists/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8nxjh0-01.png?alt=media&token=c030c446-c1e4-46b4-b732-cf0f8bb19bd5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8pwbjv-02.png?alt=media&token=dc992ed3-06fd-4d06-aaab-249562097efchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8q1tdh-03.png?alt=media&token=5845ac54-f92c-41e8-8290-fac24588b690https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmi8q2xsp-04.png?alt=media&token=df0c89b9-3118-4fad-bd02-8b9bd51cc98fhttps://m3.material.io/components/lists/specs2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio97lfj-01-3P.png?alt=media&token=65cdf253-7e5c-4de4-9cb2-b13c5f066963https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio98r05-02-3P-VQA.png?alt=media&token=e21c7359-73e5-4cbb-8e8a-83b6fb3f46c9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio99zjp-03-3P.png?alt=media&token=3a22c3a3-4de8-4def-94c7-ec35a39129b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio9bca0-04-3P-singleaction.png?alt=media&token=8619eeab-8329-4101-a6a3-38f86e8596edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio9ecsb-05-3P-multiaction.png?alt=media&token=233ffebc-aaa4-4ea0-8785-3f9254c3d90fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio9x63z-06-3P-singleselect.png?alt=media&token=bf84fd5b-35c2-44a4-b3bc-a84a7345cbadhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmio9xiam-07-3P-multiselect.png?alt=media&token=3348363c-b410-4789-bf1d-5927b98f0b1fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioasn71-11-3P-VQA.png?alt=media&token=7838dcd3-7b19-4506-b422-3c251e4f1238https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioecnyy-12-3P.png?alt=media&token=33b605a8-0730-4453-81ca-71c3f2db29f1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioefhsu-13-3P-VQA.png?alt=media&token=5f703576-a349-48ad-a14c-55b7f9db9742https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioehno9-14-do-3P.png?alt=media&token=19978fb7-5f58-4f78-a098-9f6c73e8f1a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioek6y5-15-dont-3P.png?alt=media&token=cd9cd890-328c-4c60-a4da-a1e4f684643ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmion9qya-16-3P.png?alt=media&token=81e39e2f-a93f-484c-b6b0-1356790b08d1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmionai1i-17-3P.png?alt=media&token=e0b89f3c-2d85-4d4e-ba61-9e7bb8a80829https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioncezo-18-3P.png?alt=media&token=5d3479f7-4cc1-4324-b589-b8912b226880https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiondj5y-19-3P.png?alt=media&token=0f6e18cf-137f-444f-ab70-c7bfa50ef6echttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiq3n8p4-20-3P.png?alt=media&token=b48ec623-56e1-4fb8-af5d-cb492be8701ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiq3rr3p-21-3P.png?alt=media&token=1cad62d6-6b18-4aff-a5a3-95081a37bea6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiofu0i1-22-3P.png?alt=media&token=6d6baf81-2dcf-44c7-a698-12dc4df7b893https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiogaa9o-23-3P.png?alt=media&token=e5b30379-40b7-4f40-8b8c-ab3de728b304https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiogazt3-24-3P.png?alt=media&token=555ab1aa-0068-411e-aa41-3c58358396bahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiogcld0-25-3P.png?alt=media&token=8fff9b9c-745e-4132-bd10-cecb13ce4172https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiogdayj-26-3P.png?alt=media&token=f40d0151-71ac-4ae1-bb39-ac88dacb0a91https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiogduex-27-3P.png?alt=media&token=54e24855-b3e4-44d3-af16-3cf06223505dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh5e7e-28-3P.png?alt=media&token=b57fa62b-3d95-4dff-9eab-552c7d172234https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh5246-29-3P.png?alt=media&token=16932198-c722-4db9-b051-747ca911531dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh4nys-30-3P.png?alt=media&token=fb71bee0-4810-4219-8433-757fdd7c5bechttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh3zha-31-3P.png?alt=media&token=ef144cf2-fd45-48fb-9a7b-496903e6a9abhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh3lil-32-3P.png?alt=media&token=6053c26e-0987-47a4-af39-7f0371f591a4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh2vwf-33-3P.png?alt=media&token=0cb7fa46-e3c2-4c30-be0a-6b0faa1043e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh2gxb-34-3P.png?alt=media&token=62ff10e1-d363-42da-b92c-10b308604018https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmioh0mgk-35-3P.png?alt=media&token=da8d3853-6828-43dd-ad1a-d98b1a8e7b94A dropdown list item expands into a list with 6 items, then collapses.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmiqm268j-GM3%20-%20Expressive%20-%20Specs%2008%20-%203P%20-%20v01%20(1).mp4?alt=media&token=3ecacbac-4e83-4a82-bfab-107d95b063b92026-01-22https://m3.material.io/components/loading-indicator/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmagv3srk-1.png?alt=media&token=85fc9e3b-7664-442d-940c-8d7b51cabda4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaguuv6h-2_do.png?alt=media&token=8821caaf-6d1f-444d-8c96-12753282b334https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaguuziu-3_dont.png?alt=media&token=e8157014-aaa8-47cf-ae70-c8c3b986b36ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0cb8rsa-5.png?alt=media&token=a2cd5924-9d13-4657-a26f-b5c6130d0c67Refreshing content initiated by an app bar action.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmbf509tn-GM3_Expressive_Loading-Indicator_Accesibility_16_04_v01.mp4?alt=media&token=2b731444-164e-4a5e-8dfe-b892b6b9dc6f2026-02-05https://m3.material.io/components/loading-indicator/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0cads86-7.png?alt=media&token=f27080ab-ebe2-410d-baa6-b0bc04ca5734https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0cafeiy-8.png?alt=media&token=bdcb1b69-8492-4871-b07b-2449155b0d42https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0caha9b-9.png?alt=media&token=b9bf2aaa-19dd-4aa4-80f7-0484809b74ddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0caprda-12.png?alt=media&token=ac91d3fa-343a-4bc6-be14-466c85b2086dLoading indicator on media player.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm41ke7ak-Loading_Indicator-A2.mp4?alt=media&token=a51cc2aa-021c-45b2-9f2d-91b17028f8ea2026-02-05Loading indicator in loading state with “Getting your device ready...”.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd0ml7-Loading_Indicator-B.mp4?alt=media&token=248b57ba-2102-40d2-9a0f-6e641bdb1e2b2026-02-05Content appearing on a screen quickly without a loading indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd16y4-Loading_Indicator-C.mp4?alt=media&token=8c647d41-5e0b-4bfb-8dc9-612bbb314b882026-02-05Content appearing on a screen with a slight lag and a loading indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd1o64-Loading_Indicator-D.mp4?alt=media&token=f3dcfd0c-3686-4f8d-8362-bd5508ba38102026-02-05Content appearing on a screen with a long lag and a progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd27h6-Loading-Indicator-E.mp4?alt=media&token=cf468481-8c76-4fea-9358-928e6ad88ada2026-02-05A screen transitioning from an indeterminate progress indicator to a determinate progress indicator. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5l84tah-Loading-Indicator-F3.mp4?alt=media&token=a87feb93-a4a9-4a13-ba52-86f0ac7d45092026-02-05A screen transitioning from a loading indicator to a determinate progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5l855gf-Loading-Indicator-G2.mp4?alt=media&token=4b0b72b8-3a3f-4587-90a5-68bd72ff0f842026-02-05Active indicator with shape morph centered on a screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm41keuij-Loading-Indicator-H2.mp4?alt=media&token=eaa07c47-edab-44de-b221-edbf375c74b52026-02-05Loading indicator with shape morph underneath photos in a photo app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd4yi5-Loading-Indicator-I.mp4?alt=media&token=03c01309-62fa-44eb-957e-bea0b2a9c7562026-02-05Loading indicator in a button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd5yv7-Loading-Indicator-J.mp4?alt=media&token=1a28be36-4f94-4cf9-9326-90a95f8e8bc32026-02-05Loading indicator as the icon in a tab.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fd65dd-Loading-Indicator-K.mp4?alt=media&token=5f0b5b25-cad7-4c9d-917c-874b115e222f2026-02-05Loading indicator on mobile and tablet screens.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmbf4z7li-GM3_Expressive_Loading-Indicator_Guidelines_16_IA_v01.mp4?alt=media&token=1cb92c93-d0e0-46ff-bb04-002004298b8d2026-02-05A loading indicator can appear above content in pull-to-refresh.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fdewmr-Loading-Indicator-M.mp4?alt=media&token=96be3bee-071b-43bd-9743-60426e0d8d512026-02-05Loading indicator with screen refresh after threshold time has passed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fdfatx-Loading-Indicator-N.mp4?alt=media&token=8eb649d6-d2ac-4522-ab8b-9af9256cdc5b2026-02-05Loading indicator reversed can cancel refresh action.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fdfhyq-Loading-Indicator-O.mp4?alt=media&token=243511a3-b67c-4185-bf31-6780e0f911a62026-02-05A loading indicator at the top of a screen, which appears until content loads.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fdfwxf-Loading-Indicator-P.mp4?alt=media&token=a6bc8b6f-85b8-46c6-bf76-39dcd70b86e42026-02-05A loading indicator that scrolls off screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fdg3wa-Loading-Indicator-Q.mp4?alt=media&token=25ad40f1-6732-449a-9c50-53b64845fd9d2026-02-05https://m3.material.io/components/loading-indicator/overview2026-02-05A looping sequence of morphs between 7 different shapes in a darker color, sitting on a circular background container in lighter color.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fcl84h-Loading-Indicator-Overview-A-Sync.mp4?alt=media&token=d75aa987-4751-44cf-8013-2db5000960662026-02-05Loading indicator in news app with pull-to-refresh.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fcq8u9-Loading-Indicator-Overview-B.mp4?alt=media&token=e6966a82-22f1-46ac-82c8-2597e28152442026-02-05https://m3.material.io/components/loading-indicator/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6gd1jj-1-3P.png?alt=media&token=562f343f-e70c-45a8-bb18-0c86c1f8f300https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6gdew8-2-3P.png?alt=media&token=99bc7884-a3c5-4ad5-aca7-dd2513b1aff2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6ge8q8-3-3P.png?alt=media&token=73e297a0-6023-4493-a402-55ed8be14d94https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6geonn-4-3P.png?alt=media&token=20bf0764-7c45-481a-80fc-4b3e07bc0414https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6gf51h-5-3P.png?alt=media&token=7883ee05-b32e-4a72-952e-39a6ed705318https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6gfgvp-6-3P.png?alt=media&token=a0a3c6be-ecd7-4240-ab28-436996abdc95https://m3.material.io/components/menus/accessibility2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5oa1gs-01.png?alt=media&token=3091ebcd-8922-4daf-87a4-802975dfd5e7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkskcq8-02-caution.png?alt=media&token=f56e6e61-6119-41d8-920c-26f6a7cdafffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkewf5t-03.png?alt=media&token=374bb47a-9f22-409d-b8e5-f427a1f35c00https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkkp9r3-05-do.png?alt=media&token=4dda61ae-eb7f-45b1-b02f-d88aed80dd28https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkkqmt3-05-don't.png?alt=media&token=f3178013-9a18-4ac1-9d98-c21a2876ea6dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkl2sea-07.png?alt=media&token=9603d6f5-030f-41e2-84e6-2af9fd0deee5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkkynea-08.png?alt=media&token=3adbfb1f-b0e8-4cd9-8d17-918d2830ddacA menu opens a submenu, and the pointer moves in a triangular area to the submenu item “Custom font family” without closing the menu.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkkuch7-GM3_Menus_Accesibility%2006_IA_v02.mp4?alt=media&token=2bd4e87c-e5a9-461a-8764-a0ee9775916d2026-01-28https://m3.material.io/components/menus/guidelines2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5nyyrq-02.png?alt=media&token=7fed7dc7-af6e-49f3-90d3-829500c8e99dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlkhju5-04.png?alt=media&token=ab3df2c7-0424-482c-ad21-d5cf945ca16bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5o0xc8-05.png?alt=media&token=6e9ba56b-a4e8-4fd0-bacd-9fb1333f2cf9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlkwxab-06.png?alt=media&token=f570d7bb-c80a-43dd-8dd0-9ba78258920fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmigxx4lp-07.png?alt=media&token=cb02e392-139e-4360-bdcd-eb6a8d8501dfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhll6qil-08.png?alt=media&token=ae8d6aaa-5646-493e-8c90-4b21457ff03fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5o2orv-09.png?alt=media&token=ddab60a9-d164-4ab9-aa6a-271b4bdd7210https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmigxyr8q-10.png?alt=media&token=1917b371-7cd4-4221-a770-e1800d56b806https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhllndkg-11.png?alt=media&token=94c23245-a894-465a-a657-4cc1ec9e4e59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhllqs3p-12-alt.png?alt=media&token=10ba86ca-a5f2-4c70-8f5d-29f4c5a33dfahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhllv77j-13.png?alt=media&token=284a2b26-be83-4564-845a-e8e8f55b168ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlm1f1q-15.png?alt=media&token=57bbf425-3173-4f90-b96c-93de307cf824https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlm7yx1-16.png?alt=media&token=efd00c45-20e0-4bdd-936c-3a2383306983https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlmbxni-17.png?alt=media&token=e4e83032-18f6-4c94-bdb8-62007e8524d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlohkz8-28.png?alt=media&token=90813acd-a921-473b-8f98-cfc715b51d93https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkpbo8d-30.png?alt=media&token=a9f4da83-0329-4222-b296-68c399154082https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhloonkj-32.png?alt=media&token=f60473a4-1b6d-4913-ba1e-002ea51339a22 vertical menus, 1 with vibrant colors, 1 with standard colors and grouped items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlk1jwz-GM3_Menus_Guidelines%2001_IA_v01.mp4?alt=media&token=2e7dfcc9-2447-4808-8234-83c313d82df82026-01-28A menu activated at the top of the screen expands downwards, then a menu opened at the bottom of the screen expands upward.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhln3y77-GM3_Menus_Guidelines%2018_IA_v02.mp4?alt=media&token=a29213c9-b557-45f5-b1e8-e7644b8dbf3c2026-01-28A menu expands downward from the top of the screen, appearing below a split button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhln8qym-GM3_Menus_Guidelines%2019_IA_v01.mp4?alt=media&token=45bfd643-e872-488d-a588-c626a0c77cd02026-01-28A menu expands both above and below a line of selected text, separated by a gap.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlna20p-GM3_Menus_Guidelines%2020_IA_v02.mp4?alt=media&token=517b43c3-99e7-4448-9b1a-d0738806d8102026-01-28Selecting the “Phone type” text field reveals a menu with multiple options: Business, Mobile (selected), and Home.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlnd4tn-GM3_Menus_Guidelines%2021_IA_v01.mp4?alt=media&token=c02842fd-822d-427d-adff-6b23be4ceb422026-01-28A filter chip for “Cycling” in a map UI reveals more menus items: Running, Walking, and Hiking.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlnelhq-GM3_Menus_Guidelines%2022_IA_v02.mp4?alt=media&token=f6f6128f-8a69-49f7-be7b-5bf472840dbf2026-01-28An animation for entering a new contact’s address. The state selection menu expands and the state California is selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlnmpgd-GM3_Menus_Guidelines%2024_IA_v02.mp4?alt=media&token=cfabbb98-5329-45e0-9125-8bf6ff2bc8e72026-01-28A menu for changing a font type opens instantly on a desktop UI.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlnu8z2-GM3_Menus_Guidelines%2023_IA_v01.mp4?alt=media&token=2e847220-9445-4f63-bad7-927212f9181a2026-01-28An animation showing a text field being typed into. As text is added, the list of menu items below filters down to show only matching options.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhloarxl-GM3_Menus_Guidelines%2025_IA_v01.mp4?alt=media&token=94b90c05-7d4d-4c5a-aa43-0e81ee74becf2026-01-28A font menu on a document shows a scrollbar to access font options not currently visible.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhloe6n0-GM3_Menus_Guidelines%2027_IA_v01.mp4?alt=media&token=03dcc47d-f5b5-4f68-b4c5-393b2beb4d012026-01-28On a submenu next to a main menu, a selected item’s corner shape expands for added emphasis.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhloky2g-GM3_Menus_Guidelines%2031_IA_v01.mp4?alt=media&token=17c40e5a-c95f-441f-9c38-d19756bc8acd2026-01-28https://m3.material.io/components/menus/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhkajj6i-01.png?alt=media&token=b7e5017f-ef26-4526-8d0c-759c47445705https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhk9jsmw-02.png?alt=media&token=3e48c83b-95fa-49ff-b870-925785fb4a04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5n1krh-4.png?alt=media&token=64d1bd04-5d8f-4ac4-9ed8-83081bf03bc8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhlt7xid-04.png?alt=media&token=10f6b199-9664-4a24-b811-2980270f499chttps://m3.material.io/components/menus/specs2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp3tuy7-01-3P.png?alt=media&token=53c53a22-2391-40c9-bb50-0a1bae72569ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp47zoj-02-3P.png?alt=media&token=b7fa2ee6-ebb2-4d3c-a6e1-19e4a8edc452https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4bydj-03-3P.png?alt=media&token=2eb83f0c-2aa9-4736-9acc-8f10b6052dbfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4i2in-05-3P.png?alt=media&token=8b39eb86-be0a-42d3-80cd-60b703d6180bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4jv7k-07-3P.png?alt=media&token=f38379bf-4e9c-46ae-9d1f-83b879e3f729https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4r65m-08-3P.png?alt=media&token=e7a0a642-b2a5-4124-8710-f9fc5e508f25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4scno-10-3P.png?alt=media&token=3e3303c5-3778-46df-929d-8433ac2a6d90https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp4upew-14-3P.png?alt=media&token=9a23182f-ffb3-4156-ae3c-9e6daf5e22f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmi5nwcqt-17-3P.png?alt=media&token=0bbb9bfb-50f9-405c-af84-504554eebb6fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp5x7zn-19-3P.png?alt=media&token=bb80c591-2185-4774-938d-ade6c787d2cbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp5xzj4-20-3P.png?alt=media&token=608252b6-49b6-4fbb-950e-e34bb3b23874https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp6035c-21-3P.png?alt=media&token=0a96dac7-f21a-4e63-aab3-d77b4e2687d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp61n8r-22-3P.png?alt=media&token=c0c51609-bc02-4275-8017-41bedcf4de55https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp6b6dr-23-3P.png?alt=media&token=be7b69e3-6291-4725-ab2c-ec443cfe07f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhp6c83m-24-3P.png?alt=media&token=98b74598-7650-44d3-9fa5-ec73ed8b6564https://m3.material.io/components/navigation-bar/accessibility2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2kua3ge-03.png?alt=media&token=f108d48f-851d-45d1-ba80-1e83568032f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2kuaeol-04.png?alt=media&token=10e14f80-49cb-45ec-8388-cb1f010199eahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr7kb3-03.png?alt=media&token=84bac263-efdf-4665-a287-0e747b635270https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr7nd7-04.png?alt=media&token=f9921ae7-fcf3-45e4-9bcd-30cd1952f450https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr7qqu-05.png?alt=media&token=e630d9b4-cb7e-4880-8604-a9407ac24978https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr7ugl-06.png?alt=media&token=b90be5ba-4212-42ac-95c4-7b1d6b44b4b1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr7yfn-07.png?alt=media&token=03133ebd-5e3b-41e0-92be-0e1d4c05cf2chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr861i-08.png?alt=media&token=2a25c26a-fbf9-4ee1-8c0b-5395b7db904dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fr8a8y-09.png?alt=media&token=7691ca2e-ae07-466a-9070-37fa398803aaOn a navigation bar, when the Home and Explore icons are tapped, an active indicator is displayed as interaction feedback.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7paivnz-GM3-Accessibility_Expressive_NavBar_a11y_01_V03.mp4?alt=media&token=6b0b243a-794e-4759-9a9f-87b66c5848452026-01-26On a navigation bar, the hover and click interactions on the Home and Explore icons have different interaction feedback.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7paj7kh-GM3_Expressive_Accessibility_NavBar_a11y_02_V04.mp4?alt=media&token=e54a8af5-8250-4dd9-9b8b-fc564cb8c6922026-01-26https://m3.material.io/components/navigation-bar/guidelines2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqgvk7-01.png?alt=media&token=48551963-9645-437c-acea-853e04e8cdafhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalnqdza-02.png?alt=media&token=a7e4f1a8-0547-42b2-81d1-c4346b1915dbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqhln7-03.png?alt=media&token=ec2bca60-87ec-4f27-a235-d872f5e6792dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqhs7x-04.png?alt=media&token=d17a01b3-1f02-4654-99d8-9a0de7507ff9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqi614-05-don't.png?alt=media&token=ba0b0a11-eec7-41a4-a49f-7209526b9819https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqimzs-06-dont.png?alt=media&token=cab6328f-c6d8-4de6-9261-050062dd3288https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqir51-07-dont.png?alt=media&token=91efa23a-c76b-486b-a510-b1b862cda076https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fp4omq-08.png?alt=media&token=59669575-9a0c-4bf1-b073-d85c2f53f459https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fp4ti0-09.png?alt=media&token=375b3742-081d-484b-8066-f07b4a9af991https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm3t918of-10.png?alt=media&token=653b8745-255a-4063-969b-7b8915debdbdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm3t91cku-11.png?alt=media&token=8b8afb44-91c4-452a-8f17-d8a1186e125chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm3t91mur-12.png?alt=media&token=c2b0adef-8f59-4130-9ec1-f9cf4eac9507https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fp9y48-13.png?alt=media&token=0fa12a4b-312c-4d17-b9e5-e0c2e9150e41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fpa2te-14.png?alt=media&token=39201138-a399-487f-a860-0b0e84c6c24fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqnpkt-15-dont.png?alt=media&token=6443ffb5-c5a9-4602-8782-ff4fc4da1b08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqo0n5-16-do.png?alt=media&token=7ffc8212-80fc-4cea-a90a-8ee8b92ece0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqo7ag-17-dont.png?alt=media&token=00c41373-8bd6-4183-9508-a1d68b837502https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fpamvs-18.png?alt=media&token=667c0164-7b71-401d-ba92-953714bca290https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqoweq-19-do.png?alt=media&token=8e54006a-8f5c-4eee-96a0-aa955c7fb01ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqp27c-20-dont.png?alt=media&token=f57db674-25f6-4a8d-b9e3-132ad85155fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqpu1t-21-dont.png?alt=media&token=4a585cd5-7a7f-4699-a7dd-54571b00f343https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqqg5m-22.png?alt=media&token=728c13e1-b6bc-4a67-9ec3-e182a4c0d398https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqqlk1-23.png?alt=media&token=97527e9f-b215-4af6-b927-729382d3227dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqqsyh-24-do.png?alt=media&token=154bc6fc-44ad-46fc-b059-f6be359445e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqqy0m-25-dont.png?alt=media&token=5c713542-e6bb-4362-abbb-ca8561433effhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalo8a44-28.png?alt=media&token=96f0c6e3-5ab8-49ef-aa2c-ef38b892c091https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqsfoq-29.png?alt=media&token=ff8220a9-3d2a-4ce3-a888-5899124803aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fpt5k2-30.png?alt=media&token=e135a58a-8738-4d8d-bdad-fb1c25a7962fThe navigation bar being covered by a bottom sheet when users take an action on screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalo9ujs-GM3_Expressive_NavBar_Guidelines_26_IA_v01.mp4?alt=media&token=1b324715-0dd9-42e9-8e69-9db76d7514822026-01-26A music app with a nav bar adapting to larger screens, where it changes to horizontal items, and then into a nav rail.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalo6njn-GM3-Expressive_NavBar_Guidelines_Responsive%20Layout_27_IA_v04.mp4?alt=media&token=4346c3f3-6720-40fc-b241-6124f46ac8f42026-01-26After selecting an item on the bottom navigation bar, the app navigates to that destination’s screenhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fpu2iy-C%20-%20Switch%20Destination%20-%20RENDER%202x_240821.mp4?alt=media&token=50e8bd7e-2bcd-4dd7-a194-b803a7137d1a2026-01-26Selecting the currently active nav item scrolls the page content back to the top.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalod84x-GM3_Expressive_Nav-Bar_Guidelines_Behavior_Scrolling_32_IA_V04.mp4?alt=media&token=146d9009-6749-4879-a3a9-b29b6d86ca982026-01-26When scrolling on the page, the nav bar scrolls the opposite direction off screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaloebec-GM3_Expressive_Nav-Bar_Guidelines_Behavior_Scrolling_33_IA_V04.mp4?alt=media&token=3b80dfa3-d1a9-4330-8b78-1d38be618dfc2026-01-26The active indicator expands from the target when a destination is selectedhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalof0yh-GM3-Expressive_NavBar_Guidelines_34_IA_v01.mp4?alt=media&token=2efedef2-c086-486c-8fa1-4ac81b66a0a12026-01-26Selecting the home item changes the entire page contents.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fq2m3b-G%20-%20CU%20Destination%20Change%20-%20RENDER%202x_240821.mp4?alt=media&token=a08ab4a0-f0e0-44ad-aebe-3d34942803382026-01-26https://m3.material.io/components/navigation-bar/overview2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fodjau-01.png?alt=media&token=2a83f14e-464f-4f96-9c01-eb770d98010ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmae7qe43-02.png?alt=media&token=52cdfa5b-8a10-45d5-af7c-0a92cc899672https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0ddmjvm-03.png?alt=media&token=9e50be86-5460-46f5-90a7-0805ec3c9127https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmae7pvz8-04.png?alt=media&token=98531a7d-df77-4d8e-a56b-7164db497bd9https://m3.material.io/components/navigation-bar/specs2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3onczd-01.png?alt=media&token=c6b6040c-4cb3-43bd-a7ae-7ed99ed6ae5fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkq5ef63-02-3P.png?alt=media&token=fa54cab6-245c-4733-acaa-c347531501cfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3oovxg-7.png?alt=media&token=b9d08a75-97c1-4081-801e-182ef6eff927https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3opmda-1.png?alt=media&token=b21e5714-91c3-48e2-8160-989f3cd62304https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3oqa88-05.png?alt=media&token=c1c5220f-00fe-4af9-84a0-4be55a1696a0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmah8b097-3.png?alt=media&token=a4fbdf79-02ec-429c-8fe2-bbbbb6060b53https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ovtkk-5.png?alt=media&token=0728e092-f6bd-4ebd-b9d0-00eb4d9e6e4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3owffv-6.png?alt=media&token=1d3f41df-5b3e-43e1-b300-55ca57878008https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ox4jl-3p_nav-bar_anatomy.png?alt=media&token=3331837b-38d7-4348-8309-dd351c92e315https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3oxof4-3p_nav-bar_color.png?alt=media&token=83b54af5-d6c4-4d49-9767-378ca90f188fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmamkex4k-11-3P.png?alt=media&token=4a126b4d-9b65-4afe-9166-580a25fbdde6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmamkf93e-12-3P.png?alt=media&token=f86a7f01-46be-421b-93f1-751cf528b763https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmamkhglx-13-3P.png?alt=media&token=f19f2b64-055b-4663-8243-f0e0fff8887chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ozytu-3p_nav-bar_config.png?alt=media&token=81af67b1-6ff4-4eeb-8ae5-7cc46db34645https://m3.material.io/components/navigation-bar/xr2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3p1hrw-04.png?alt=media&token=7028b6bd-0a1a-43f1-adcc-cf49df3303cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3p20d1-03.png?alt=media&token=05513404-433d-4a46-9bf1-779b32888222https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3p2yvo-04.png?alt=media&token=51fac718-13d6-4b4c-aa49-e84b82a21a81Interface showcasing navigation bar behavior and placement when transitioning from a 2D to 3D experience.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4cjn15p-navbar_01.mp4?alt=media&token=c2f2184b-5c13-4d9a-9402-47daaadbe2852026-01-26A navigation bar orbiter placed in global context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma4aab35-XR_Nav-Bar_Behavior_01_V02.mp4?alt=media&token=d23b4ff1-17f7-43f5-9072-598e63a026ca2026-01-26A navigation bar orbiter placed in local context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma4aas8k-XR_Nav-Bar_Behavior_02_V02.mp4?alt=media&token=3fb3e553-5fc0-426a-8c0d-5c6275ab064f2026-01-26Navigation bar orbiter offset and inset positioning.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cjc36g-navbar_02.mp4?alt=media&token=e2c2d999-90bc-4feb-a04c-35d55666d4e52026-01-26Navigation bar orbiter inset positioning beyond the 12dp recommendation.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cjdjqh-navbar_04.mp4?alt=media&token=8ef1466d-208d-42c8-9aab-5d74ccb679f52026-01-26Nav bar orbiter placement that exceeds the width of its spatial panel.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cjfzpt-navbar_05.mp4?alt=media&token=7d8c1dad-3910-4305-b32e-32844b40e0f22026-01-26Nav bar orbiter incorrectly placed above a spatial panel.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cjhfb6-navbar_06.mp4?alt=media&token=0eac2218-7d7d-46de-91d5-d7f1926f83622026-01-26https://m3.material.io/components/navigation-drawer/accessibility2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworf9hl-3.png?alt=media&token=1bb331b2-e914-4668-baec-8accae5b6fd6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm36co6ff-navdrawer-tablet-do-md.png?alt=media&token=852f7a22-fb45-4eee-89e8-ab411fad1a65https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworgt4a-4.png?alt=media&token=6afa4fd0-0c68-4f18-9553-84c516c0c6b2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworfw7l-5.png?alt=media&token=d33e2758-6076-4012-933b-ce1dde9c539fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworg85u-6.png?alt=media&token=6cd4cfa6-ec1a-40c4-95f3-ba4efc6de9e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworh5ui-7.png?alt=media&token=1b7a06eb-1f35-4b4f-b1d3-82500203e58bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flworho52-8.png?alt=media&token=7fb90305-fda9-43bf-a909-b1d9f9e64d05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwori08q-9.png?alt=media&token=816c8f24-84d7-44bd-8578-eaf00de09d6dActive indicator and other visual cues appear when nav drawers are tapped.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqqvsf-GM3-Components-NavDrawer-Accessibility-1-v01.mp4?alt=media&token=18c8c980-08e4-4182-86ec-63c02b1c44702026-01-26When a cursor goes over a navigation drawer, a hover indicator appears. When tapped, the active indicator appears.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqr8nd-GM3-Components-NavDrawer-Accessibility-2-v01.mp4?alt=media&token=97004b66-7c1e-4ff2-84a3-fd791bb5e3482026-01-26https://m3.material.io/components/navigation-drawer/guidelines2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopun3e-1.png?alt=media&token=220f8c9f-c032-4185-9a2c-4ac8950d763fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopv1qw-2.png?alt=media&token=a8455b6f-5918-42d9-aa1c-04d158c8eba1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopvjco-3.png?alt=media&token=9df37deb-e7d3-4dea-88d1-b5b6a6040cabhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopw575-4.png?alt=media&token=0970e3a0-0963-4060-9aae-22d9e3689652https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopwhen-5.png?alt=media&token=81d4f11e-1cba-4620-ba30-78d3cc70ab55https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopx4a0-6.png?alt=media&token=439663a8-dc1f-442d-a29a-54430caeb836https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopxvvj-7.png?alt=media&token=5d45f347-e521-48af-9ae9-d4c05965f42fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopy7b1-8.png?alt=media&token=5ea39e51-4a7b-4e9b-ad02-2fef81e461cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopyjta-9.png?alt=media&token=3090bcc0-a205-4695-b11b-931243b71061https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwopzqbr-10.png?alt=media&token=4325d34c-753c-4cfa-8b60-fbf6aaa56358https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq08ti-11.png?alt=media&token=fa4df5c4-43a7-4979-83dd-4a50c3c28454https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq1xf0-12.png?alt=media&token=1d041701-d74b-4495-a337-c858a9bd81b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq29df-13.png?alt=media&token=612b4caa-99c1-4c3b-a835-2c1ed0bda36ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq2qbs-14.png?alt=media&token=cefe950a-7624-4c32-a31d-3b596d729417https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq358i-15.png?alt=media&token=ad709e8b-f932-4c40-a63c-cf893ff65b71https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq3i6v-16.png?alt=media&token=e855eb07-211a-44ba-a56f-9414dce6237bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq4gjj-17.png?alt=media&token=44f71647-6325-43c9-b93e-6a3bc059ae87https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq4tkk-18.png?alt=media&token=c152a72c-b231-4f97-81aa-1b14d827c8b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq56gb-19.png?alt=media&token=218c541f-0e68-40b4-bf8c-59983f554512https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq67nf-20.png?alt=media&token=f5cdaabd-b70e-495e-9d1e-5cce1e0bb81dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq6mto-21.png?alt=media&token=70a07030-1191-4f84-9e14-19c188d0452bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq710s-22.png?alt=media&token=f9fc1eb9-1347-4515-bf7f-461d9100c605https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq7esu-23.png?alt=media&token=41cf34a6-52f4-48ad-8408-16f71ce0b744https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq7wck-24.png?alt=media&token=2e030b27-4348-4860-aac6-78e423e11c79https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoq8evf-25.png?alt=media&token=ef3a29d1-8e04-4b51-9774-8c7f118fbad4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx54v3bi-27.png?alt=media&token=444359b1-1e21-4971-b70d-bc624d900b19https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqb1nm-27.png?alt=media&token=ed09af6e-928f-41f7-a7ca-fcf766ea4050https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqf0gp-28.png?alt=media&token=627872b2-dc97-4b2c-8234-2339a7730b18Navigation drawer on tablet with 1 active destination.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqh0d1-GM3-Components-NavDrawer-Guidelines-1-v01.mp4?alt=media&token=dbffbe2f-e8e7-4434-b4ab-c0d41e2068ad2026-01-26A navigation drawer on the left region of an email app is scrolled vertically without disturbing the rest of the content.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqihhy-GM3-Components-NavDrawer-Guidelines-2-v01.mp4?alt=media&token=f5dbf149-2261-4a0f-988d-d72cc2c6a0932026-01-26In an email app, navigation drawer opens on menu icon click, and closes on outside click.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoqk3j4-GM3-Components-NavDrawer-Guidelines-3-v01.mp4?alt=media&token=0f92a1ef-5990-4cfc-a8c0-932477d204782026-01-26https://m3.material.io/components/navigation-drawer/overview2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoorr6v-1.png?alt=media&token=884dcde5-fdd3-438c-9825-1f6668eef908https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fldox2g48-navdrawer_OLD_M2.png?alt=media&token=192ac522-fc4c-4fd2-8fd2-ef6d0f6662e7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzdbjtd0-4.png?alt=media&token=8621f0a5-d2d3-41b1-bed8-3d5d6c5fdf34https://m3.material.io/components/navigation-drawer/specs2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6b75dc-1-3p.png?alt=media&token=8e72e0cc-25a2-43dc-a384-6073eada09e6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6b7pyr-2-3p.png?alt=media&token=9b66c873-2f9c-49a4-bddc-a1ea7b223280https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma77ejxi-3b-3p.png?alt=media&token=3f75133e-ade4-4a4b-b6f0-bc72a90a7b3bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6bauve-4-3p.png?alt=media&token=7025571f-2457-4143-88b2-2c968eb4dc8fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6bb7nw-5-3p.png?alt=media&token=109e0a51-8d58-487a-b1f1-07ceb2e97b6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma775z3o-6-3p-3p.png?alt=media&token=554989e5-00c1-4338-8ab8-df73927626e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma7769l7-7-3p-3p.png?alt=media&token=caaccf88-701f-44bf-bcb9-2569e95d000chttps://m3.material.io/components/navigation-rail/accessibility2026-03-20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0guemtv-01-static.png?alt=media&token=3758e551-ad90-4db7-92a7-d8c19e95e973https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0guep9g-02-static.png?alt=media&token=bac52c48-506a-47e5-8124-90a1d960485ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0gud02c-03-static.png?alt=media&token=e49fb92a-9671-4422-8c7f-25750ab3ca13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fut28q-04.png?alt=media&token=2d41d871-683b-485e-befb-2770dfb712d6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fut791-05.png?alt=media&token=c9ae906c-6e53-474e-83a7-c26f630a8eb5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2kvazns-09.png?alt=media&token=91143806-b128-41b8-a02f-9c97f171d073https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm36brxfu-04.png?alt=media&token=a23060fe-42ba-4e21-8eec-36fe12115a0dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm36bs1jw-05.png?alt=media&token=fd8f29ed-e05c-4397-8443-13902974567ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0futkj8-07.png?alt=media&token=96c198ca-69ed-4388-81d4-76785f7c7960https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0futowb-08.png?alt=media&token=6a263d5a-f534-4cc7-b669-c5828633d338https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0futxf6-09.png?alt=media&token=813363dc-6ed6-40c4-951b-d996abdf8b44https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fv1bxc-10.png?alt=media&token=07e1a3b5-ec7f-48ef-b48b-d8e4c1aaa4e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuvxlx-11.png?alt=media&token=ec0c7c6d-3c55-4515-81d8-6c0a220e1f92https://m3.material.io/components/navigation-rail/guidelines2026-03-20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fueyh1-01.png?alt=media&token=c9edba18-9dee-44b1-9657-4dd1cdf2ff74https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalbc2cg-02.png?alt=media&token=8df4aa93-c874-4f14-98aa-8ebadcee272fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuf9qz-03.png?alt=media&token=3377b89c-7c1c-4a94-8282-d48530c4d81ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fufhuq-04.png?alt=media&token=e13c10f7-7c71-4702-a6e5-a4d6842ad1b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fug0sy-05.png?alt=media&token=465bf07d-fe91-4cfa-97c3-e9624609ed50https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fugb5b-06.png?alt=media&token=9bd7ddad-b14f-4131-bdd4-bbdb07283569https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmacys6lz-07.png?alt=media&token=274b5d1b-6978-4123-9456-4a822df58bc7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuh0i5-08.png?alt=media&token=32641191-5400-4aba-829c-138e2f3c6d1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuh7km-09.png?alt=media&token=ae84210a-74d7-4fac-82f1-f7a0356b23d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalbkctg-10.png?alt=media&token=41722433-f09f-412e-983f-1b585481a362https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuhrl8-11.png?alt=media&token=5e953e4b-20d1-4d7f-99f0-c89d39b052e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuhyto-12.png?alt=media&token=3e219498-f5cc-4a46-824c-4fb660bc7743https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuicr9-13.png?alt=media&token=7755879a-0c18-40e2-89c8-e51757d7c7b2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fujiob-14.png?alt=media&token=ed0b9441-30cf-444e-9fde-c84be948b56dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fujt7v-15.png?alt=media&token=8405c84a-2929-4d68-8bbd-97120c4c41abhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fujxyu-16.png?alt=media&token=bb433446-a6c0-433d-bdcb-181431e6e126https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuk4ze-17.png?alt=media&token=8210a6c6-b488-46e3-aa46-ec3c18a3021dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fukavr-18.png?alt=media&token=fa0ab3db-3f7a-47ff-84c2-b0d63ac890f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fukhnw-19.png?alt=media&token=a2fe92ce-45d4-4c7b-8c51-5066b3cf7596https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fune8p-20.png?alt=media&token=aaa6d4fd-a007-4a85-ac3c-8063f4f0767ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0funlrw-21.png?alt=media&token=756fbcf4-1cf8-4157-8a41-69c43e76bc2ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0funqlw-22.png?alt=media&token=f25512e4-0821-4d53-9b71-41f2870830fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuomdi-23.png?alt=media&token=faa3cb30-f478-4450-946a-5be944155717https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fuouq0-24.png?alt=media&token=92b886dc-b887-4991-9487-e7b720f909a8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fupcvd-26.png?alt=media&token=b1915086-e325-4b2a-946e-eb41d37a9ae7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fktug7t17-3_Mid.png?alt=media&token=95c45efd-2c43-4b6a-90c7-fb429faa565fNavigation rail collapsed next to screen content, and expanded overlaying screen content with secondary destinations.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmapifwv9-GM3_Expressive_Nav-Rail_Guidelines_32_IA_V10.mp4?alt=media&token=27d22a5d-f968-4b02-8f93-f1f8ed02abc92026-03-20Extra destinations in an expanded navigation rail.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalqalnw-GM3_Expressive_Nav-Rail_Guidelines_27_IA_V07.mp4?alt=media&token=3769dd07-2a42-43fe-96d0-fac669ee36e32026-03-20Screen content scrolls while rails stay fixed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5v1vvd7-J%20-%20Scrolling%20RENDER%20-%202x.mp4?alt=media&token=1f63cc9d-8eab-4033-b6b6-ebce8724011e2026-03-20A nav rail with a divider between it and the page’s content.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0gtjndl-K%20-%20Side%20Scroll%20RENDER%20-2x_240821.mp4?alt=media&token=629dce43-bf6e-4ad6-89ca-71bb39bec10e2026-03-20A nav rail with slight elevation.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmbs2jj48-GM3_Expressive_Nav-Rail_Guidelines_30_IA_v01%20(1).mp4?alt=media&token=cbb06c17-5435-4dc4-a925-655fb6d559f32026-03-20Selection transition between one navigation item and another.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fvmjbe-L%20-%20NAV%20Selection%20-%20RENDER%202x_240821.mp4?alt=media&token=cd5079bc-e9e6-4dc1-952d-a07105f701202026-03-20Modal expanded navigation rail with Android predictive back feature.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmapifi58-GM3_Expressive_Nav-Rail_Guidelines_PredictiveBack_IA_V02.mp4?alt=media&token=95c874c8-3be9-48c9-bbf3-3f1edb7cab092026-03-20https://m3.material.io/components/navigation-rail/overview2026-03-20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fsz2c4-2.png?alt=media&token=e1cbb29b-89b7-4662-9465-2c39f2bd9eddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dtdapc-3.png?alt=media&token=643d52f9-213d-4aed-90fd-029c44fce678https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fszcgl-4.png?alt=media&token=8b26ebe5-396b-4148-b571-247ef9634f50Navigation rail with 4 destinations, 1 active, and FAB.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmbs2h57x-GM3_Expressive_Nav-Rail_Overview_01_IA_v02.mp4?alt=media&token=c7d344f8-10e6-4d28-af46-31980258435c2026-03-20https://m3.material.io/components/navigation-rail/specs2026-03-20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9f2lt-01-3P.png?alt=media&token=e3d39033-8b0a-4cfb-834c-708b8a39d735https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvenn9g-02-3P.png?alt=media&token=ef44fc56-2069-4191-8b8e-fdd672e4f136https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9fbzs-03-3P.png?alt=media&token=86384321-4a5b-4da1-8b96-269c108187c6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg0uznol-04-3P.png?alt=media&token=bb0f488f-96f8-4128-9266-c8ff9bb70ce2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmyzgq71-05-3P.png?alt=media&token=ac37fe4a-fbe3-4d2d-abf9-f753d00fc5f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9s5f0-06-3P.png?alt=media&token=3900b54e-403f-4138-952a-22d9c5d47a68https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9sbiq-07-3P.png?alt=media&token=e367b797-932d-49fa-a72a-3ab34851205ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9t1mb-08-3P.png?alt=media&token=8e32163c-6c4e-4d28-bf1b-5da584c4b46ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9twwq-09-3P.png?alt=media&token=9065bce5-6d1f-4c23-9090-27dc31f73d63https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9u2w3-10-3P.png?alt=media&token=5b5ada66-3e11-40a7-a7f2-8559cb16e2adhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9uv1q-11-3P.png?alt=media&token=15c53656-c999-4f96-9e1d-77a16ca00b3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9vzs8-12-3P.png?alt=media&token=4d01ee27-7870-4c37-8095-067a9d64d37ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9x9ol-13-3P.png?alt=media&token=69b0b5ae-6f96-4d67-8a45-e77efecd6b17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9xiu7-14-3P.png?alt=media&token=5970c991-6782-4784-bcbb-4fc5ed1dd423https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9xyxt-15-3P.png?alt=media&token=3229f7c0-780c-4bbc-9e2f-aa8a5d83e591https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmal9yote-16-3P.png?alt=media&token=551b3b7f-1fd2-4e64-a69f-a57c4a7fe835https://m3.material.io/components/navigation-rail/xr2026-03-20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaffw03x-n.png?alt=media&token=e680c62c-dbec-434f-b520-3c26a949eb3chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaffwe2f-n.png?alt=media&token=4c0eb5aa-b543-4b2d-8841-4801fbcd97b0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaffwte4-n.png?alt=media&token=0aca4594-af07-4400-a169-d5c7457f4e2ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaffxdwj-n.png?alt=media&token=0b5ce234-1a62-4d70-ae6a-77f6700e5e9bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaffxpih-n.png?alt=media&token=ccad0142-d640-4813-8a1a-cfb99a554bceInterface showcasing navigation rail behavior and placement when transitioning from a 2D to 3D experience.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmf60w-navrail_01.mp4?alt=media&token=295cb22d-7530-4a52-9a20-18a2f310899b2026-03-20A navigation rail orbiter placed in global context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma4acdxe-XR_Nav-Rail_Behavior_01_V02.mp4?alt=media&token=9414cfde-c786-4936-831e-4a0a3d3e89cb2026-03-20A navigation rail orbiter placed in local context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma4acsak-XR_Nav-Rail_Behavior_02_V02.mp4?alt=media&token=8a2a2f30-3484-4757-94a1-6fa7d256e6b12026-03-20Navigation rail orbiter offset and inset positioning.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmibon-navrail_02.mp4?alt=media&token=c132f2cc-74da-4941-aa64-1ed3ef57c3ab2026-03-20Nav rail orbiter overlapping content by more than half its width.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmliqr-navrail_03.mp4?alt=media&token=7a97c857-ff26-44e9-a28b-826411da15cc2026-03-20Nav rail orbiter positioning moving from the top, to middle, to center of spatialized panels.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmooik-navrail_04.mp4?alt=media&token=405385c1-aae1-493e-bf4b-b5dd5a8a8ccb2026-03-20A nav rail orbiter positioning above its spatial panel.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmqshd-navrail_05.mp4?alt=media&token=4031093e-48a3-4455-84c2-3e929e225dd92026-03-20A nav rail orbiter incorrectly positioned between spatial panels.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmtuvy-navrail_06.mp4?alt=media&token=3f0ba332-4e3d-4857-a5db-0f6b7331f6d52026-03-20Interface showing the difference between a navigation rail orbiter with a contained FAB and spatialized FAB.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmvtu0-navrail_07.mp4?alt=media&token=6434118a-824e-4513-ad25-0230b3b08a032026-03-20Spatialized FAB positioned close to the navigation rail orbiter.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cmyijj-navrail_08.mp4?alt=media&token=03c63c28-32cb-42f8-a56e-58be8ea2fb8b2026-03-20Spatialized FAB positioned with excessive spacing between itself and the navigation rail orbiter.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4cn0kcj-navrail_09.mp4?alt=media&token=f9165d61-d8e1-4b44-ba35-f238087e45cf2026-03-20https://m3.material.io/components/progress-indicators/accessibility2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepc1r2-01.png?alt=media&token=db30ced4-ea77-4efd-b2e1-369f42d4961chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepcmau-02.png?alt=media&token=817a604f-513b-4d2b-bce8-576092f29233https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepd6dk-03.png?alt=media&token=28250ceb-a903-4145-9423-59a609cf5049https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepdozy-04.png?alt=media&token=5c4c02ed-76e6-41bb-9431-d215f1cec071https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepe18t-05.png?alt=media&token=58f9d951-ddc2-47c4-9ab8-3707bfac503dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepereg-06.png?alt=media&token=71630831-8fa7-41a6-acb2-ae63c344ab9fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepf1vr-07.png?alt=media&token=31415e5b-41fb-4ebe-a455-8ebbc9f47abdhttps://m3.material.io/components/progress-indicators/guidelines2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep5ivu-07.png?alt=media&token=4c51b00b-6b08-4638-a331-1e6340c7d5eahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep6b3j-12.png?alt=media&token=8aa71e47-95c1-48b7-9949-1b12b43093f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep7pxt-16.png?alt=media&token=9f8c2fcb-6249-4ff4-bd3c-d8ee67658bf7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep87pn-17.png?alt=media&token=c35ef411-e39f-4bc4-abe8-f4372b570d19https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep96rs-25.png?alt=media&token=75581f65-e1d4-4ac1-99a3-e8c371691127https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlep9qg1-26.png?alt=media&token=3406dfaa-947f-4dec-8e16-66b6c3da848fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlepa8w9-27.png?alt=media&token=b5dada5d-07ab-408a-a520-1eee7956020ePrimary colored horizontal line fills a contrasting track from left to right and reaches the end when the app is loaded.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm37ri5xn-Progress-Indicator-A_1.mp4?alt=media&token=12f49d7a-8022-4387-ba18-e01026d196d62026-02-17One progress indicator showing the loading progress for a page of podcasts.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0h3mssg-Progress-Indicator-B.mp4?alt=media&token=49cf61f1-00e0-431c-ac53-9f7c366540c72026-02-17Two progress indicators showing the loading progress of two podcasts.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0h3n5x5-Progress-Indicator-C.mp4?alt=media&token=540710ca-d428-4f87-8099-a891280ffa6f2026-02-17Screen without latency without progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0h3nu79-Progress_Indicator-C.mp4?alt=media&token=1ec2bfd0-5878-4530-8f1a-2ae5d8c214072026-02-17Screen with slight lag with loading indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0h3o5um-Progress_Indicator-D.mp4?alt=media&token=d6cf8057-eef7-41e2-b309-49ef255c9e122026-02-17Screen with long lag and progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm37rcxcs-Loading-Indicator-E_2.mp4?alt=media&token=15080baf-7d26-41aa-b6ed-f6e3ac35aab92026-02-17Linear and circular progress indicators show both determinate and indeterminate progress.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw0hzu-Progress-Indicator-G.mp4?alt=media&token=22494899-6e26-4535-be27-9e21a1d9b7de2026-02-17On a track, a contrasting primary-colored horizontal line grows and shrinks, then fills it from left to right as app loads.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw2h3o-Progress-Indicator-K.mp4?alt=media&token=20e232fe-707a-4619-b7a6-295516430e932026-02-171. The track is a horizontal line. 2. A primary colored line over the contrasting colored track is the progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw333o-Progress-Indicator-H.mp4?alt=media&token=f8f9dfed-e386-4c89-9fce-7f3ef92439c72026-02-17A primary colored horizontal line fills a contrasting line from left to right. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw3uto-Progress-Indicator-I.mp4?alt=media&token=220d7779-79b1-4dc5-a07e-b3aaa5ee2e382026-02-17Examples of flat and wavy active indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw4l6g-Progress-Indicator-J.mp4?alt=media&token=f46594f6-6dec-4153-98e5-2684fff598d92026-02-17Progress indicator at top of screen, indicating page content is loading. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw57zf-Progress-Indicator-L.mp4?alt=media&token=7c60ef03-e605-4c80-8259-ef607744c7f52026-02-17Progress indicator on a card, indicating that the card's content is loading.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw6vq0-Progress-Indicator-M.mp4?alt=media&token=870b64b5-6c08-4507-add6-b40864b888d22026-02-17Linear indicator shows the loading progress of a selected news article in a list.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm37rivp2-Progress-Indicator-N_1.mp4?alt=media&token=078eb6df-fe3e-4b23-af7e-68bf892067612026-02-17As content loads, the screen is blank except for a circular progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw7zgb-Progress-Indicator-O.mp4?alt=media&token=31eeacfa-6698-4f50-b5ad-bfcb1bcb5a692026-02-17As container content loads, the container is blank except for a circular progress indicator.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qw8fla-Progress-Indicator-P.mp4?alt=media&token=6a1386e7-6461-47a1-98ac-703c0ee61b3c2026-02-17Determinate circular indicator active for 2 seconds after download button is selected, reflecting download progress.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qwbhkm-Progress-Indicator-Q.mp4?alt=media&token=7dd18739-daa4-4e6f-bba1-7b24e09437032026-02-17Shows idea of indeterminate circular indicators active on multiple buttons as cluttered and confusing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qwbvqt-Progress-Indicator-R.mp4?alt=media&token=4b18b8f4-63f2-4e78-baf8-cc6ef6e4166b2026-02-17https://m3.material.io/components/progress-indicators/overview2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmleotj2q-01.png?alt=media&token=8d1f2405-86ed-4634-8847-af33a549410dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmleov4bo-03.png?alt=media&token=ec54810c-b325-4dd1-a547-b66d15d3b260https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c2if7i-04.png?alt=media&token=2cccabb4-c40c-4db4-9321-51c34cae3d25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c2jf26-05.png?alt=media&token=2ee132f7-2c47-46e2-8826-910fbdfe4547Progress indicators used when loading a page and for processing a payment.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qvxgu6-Progress-Indicator-Overview.mp4?alt=media&token=2131e37c-feab-4c1c-b117-16ad223b00782026-02-17https://m3.material.io/components/progress-indicators/specs2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz0082-01-3P.png?alt=media&token=7398f087-5c03-4034-89bf-b5df8884ccf1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz0zuq-02-3P.png?alt=media&token=d3ebb66e-f2a4-4489-83d2-f827a5f54f9chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz1qik-03-3P.png?alt=media&token=e6f61f40-8a57-4255-82ce-99c8b6c5ac95https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz2lzv-04-3P.png?alt=media&token=230849fe-6e25-46d1-839f-37a02b0323fbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz3iks-05-3P.png?alt=media&token=fbe4684e-a3ce-4635-9b3c-e79a27e62a0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz3ss3-06-3P.png?alt=media&token=3eb483c9-5b25-4690-98ee-79b9f571d13ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz4e98-07-3P.png?alt=media&token=9f230cb1-e0e3-4b44-a7ae-dbe345881407https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz4zbx-08-3P.png?alt=media&token=09e56fb3-e3bd-4798-b336-a5329bdf7585https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmloz5p1v-09-3P.png?alt=media&token=dc44f577-a8b4-4052-9bf2-e750bbcbc8b9https://m3.material.io/components/radio-button/accessibility2026-02-16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc94qafr-02.png?alt=media&token=638e9dfc-3ae8-41e6-932c-be168461fa20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0z51u6-03.png?alt=media&token=3d528eb7-dbb4-4460-a556-b4660f3bc8f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd3jpo7w-04.png?alt=media&token=1f68a095-10b8-4914-9273-7f58c99a7f5ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0z56zm-05.png?alt=media&token=eff0ba7d-34fe-434b-b962-755ddac009adSelecting between radio buttons for a home and office address.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcelaxg0-GM3_Radio-button_Accessibility_01_IA_v01.mp4?alt=media&token=73b3e621-4cdd-443f-ad2d-3348de408d8d2026-02-16https://m3.material.io/components/radio-button/guidelines2026-02-16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc92xj30-01.png?alt=media&token=bc7a6af6-e440-4e83-9cf9-cd221f402f47https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc93t2tz-03.png?alt=media&token=7f07e07d-8370-4113-82b6-5721a31fd3dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc93whon-04-do.png?alt=media&token=0cc566db-1677-4900-be3a-bc24c75d71c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc93wr1q-05-do.png?alt=media&token=4b1a71e3-2793-49ef-ab32-3a6493886899https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc93ykkg-06_dont.png?alt=media&token=4ec7a39d-a607-42d0-9d65-4f5aa1a5ff8dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc93z4ss-07_dont.png?alt=media&token=0bc0f856-f056-4239-a7c7-81f173eb17f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc942yik-08.png?alt=media&token=4e62fb39-faac-4b27-a772-177524e99566https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc942but-09.png?alt=media&token=d4f7cae0-6eea-4a17-b9d3-8fbb5c14152ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc944w0k-10-do.png?alt=media&token=aa3e3c6c-e2a9-403a-b6dd-0143c3cdd3cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc945hgt-11-do.png?alt=media&token=8447a05a-5a0e-410b-8c1a-08854aa456b8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0z4md9-12.png?alt=media&token=1f3f5d82-b6f9-4b8f-b457-1a4935648df0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc949gf8-14.png?alt=media&token=452d1dc1-2c20-4637-a479-3659c8737df7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc94bpsi-16_do.png?alt=media&token=b528a4f2-ab4a-40fc-bdf2-bbd1caa1d08chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwg86p38-16_caution.png?alt=media&token=e607157e-0a21-43aa-aa48-a01f13e6fb3b1 of 3 languages is chosen using radio buttons. Selecting a language deselects the previous 1.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcelfjb2-GM3_Radio-button_Guidelines_02_IA_v01.mp4?alt=media&token=0d82614e-b251-4aae-b4ef-3fade1f6b7a62026-02-16Checkout page with 2 radio buttons for home and office addresses. The labels are "Home" and "Office."https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcelh3zd-GM3_Radio-button_Guidelines_13_IA_v01.mp4?alt=media&token=842f3d43-c21c-4b6f-b720-30f7b534bd172026-02-16Selecting the radio button for dark theme instantly changes the screen to dark theme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcelja73-GM3_Radio-button_Guidelines_17_IA_v01.mp4?alt=media&token=421ebd62-4071-425d-adde-ddde3a7e70412026-02-16https://m3.material.io/components/radio-button/overview2026-02-16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmc92gkg1-01.png?alt=media&token=0ba6a2e1-d3f9-4777-8968-53de4d72a0e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmg0z3b8a-02.png?alt=media&token=77e20fc8-fe1b-4715-a652-ac4eaed7eda5https://m3.material.io/components/radio-button/specs2026-02-16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8jp5v6-01-3P.png?alt=media&token=be9d2b02-1a2a-447a-99ad-3374eda8cc04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8jpn14-02-3P.png?alt=media&token=07b7a3f4-c11b-4a24-b356-9b7665723560https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8jq2c4-03-3P.png?alt=media&token=5139c7bd-b6b7-482a-8ec7-6f0ab70be705https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8jqfvs-04-3P.png?alt=media&token=1b0973c2-4f09-49a9-8d23-17c22fa18eadhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmd8juo16-05-3P.png?alt=media&token=9241a630-7ef4-4e04-8741-21d6ea679187https://m3.material.io/components/search/accessibility2026-03-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrjdxa-01.png?alt=media&token=aa3e6409-1ddc-4c1e-abf3-fd8b8feeb81fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrkpb6-02.png?alt=media&token=7d04e34b-36b3-4858-a352-2e88a041d2c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrl9ca-03.png?alt=media&token=28bc66bb-b098-4ef9-9065-b84a54a72406https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrql4p-04.png?alt=media&token=4f1e2151-e990-4df2-8c46-96bdefa77b75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrt6xt-05.png?alt=media&token=9676908b-e093-44a0-b913-00b638bd7e7fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrwf25-06.png?alt=media&token=ca00ca47-b6c1-4848-9842-9d89485e98b7https://m3.material.io/components/search/guidelines2026-03-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkhcoi-02.png?alt=media&token=0bbcd761-04b2-482f-8b01-e11cf9dd25c0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkodgz-03.png?alt=media&token=55ab08bb-f4bc-49d6-abc2-76bf93ba2adahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkpcee-04.png?alt=media&token=6dea133b-5732-4c6f-9dfa-29ca6e892083https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkq5y2-05.png?alt=media&token=d94669aa-81c7-4c69-b709-ac4eb84a8302https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkz1fo-06.png?alt=media&token=b2a28b95-5ca4-4c6e-a4a4-eda05d83c4e6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkth1m-07.png?alt=media&token=384b3aed-87d1-4265-a957-5b21037e9ebahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlflqra9-09.png?alt=media&token=b100c40a-d13b-4601-90ce-3a7e2087ac4dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfm1yld-10.png?alt=media&token=9cd70993-130a-449e-8807-4c9ffe215f9ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmbc2s-21.png?alt=media&token=bdf6a965-f280-48a6-b28a-bf42f57e1d1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmc255-22.png?alt=media&token=ad6fbc7a-15a6-42ed-8ec4-6450a6f9c87ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmcmiv-23.png?alt=media&token=ec5cb486-7355-492f-9480-3e36fc614a51https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmf49n-08.png?alt=media&token=7b717895-53e2-47ec-9b26-e42e3a4971e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmg7bg-07.png?alt=media&token=3be246ec-c24e-4d73-b43f-af6883770d08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgr3p93-11.png?alt=media&token=802aed8a-e993-42d2-8ef7-17aaba8ac5adhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmu14l-13.png?alt=media&token=f1e5fa3a-be6f-49fb-9314-34f76eac6971https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfmvyj4-14.png?alt=media&token=ec01deec-54a8-417f-8287-634d57db53c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfn371r-15.png?alt=media&token=8015480f-71dc-40f0-8a0e-a36611b9b70ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfn8hr6-16.png?alt=media&token=00a26f0f-ed92-46ab-89ac-1c179529ef4fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfnb1td-17.png?alt=media&token=4ee36dd9-e75a-4109-82fe-0d0805a43d24https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfncrm8-18.png?alt=media&token=e3b1a784-65b2-4462-a2e9-908577627e04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfndiyw-19-VQA.png?alt=media&token=3b6d8d61-8e80-4005-b1e2-ab6fa33d9361https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfnv4wh-25.png?alt=media&token=2b99ff8b-9274-46e4-a6a9-ea64d7b4110chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrceqs-32.png?alt=media&token=e8f6528f-ec6d-49b5-937a-c8a9ee80baedA mobile UI search with hinted text “Search recipes”, “Mexican dishes” is entered, and a list of recipe results appear.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfkefwf-GM3%20-%20Search%20Bar%20-%20Guidelines%2001%20-%20v02.mp4?alt=media&token=5e327f53-cfd2-4860-8f1f-4cd819f7b34f2026-03-10A search bar labeled “Search replies”. “Peanut is entered and “Quick results” appear.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfngra0-GM3%20-%20Search%20Bar%20-%20Guidelines%2020%20-%20v02.mp4?alt=media&token=c8f9d59f-1e34-4530-9a39-dab7ce72dff22026-03-10A search bar keeps its layout region and scales with different window sizes and layouts.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfnplfk-GM3%20-%20Search%20Bar%20-%20Guidelines%2024%20-%20v01.mp4?alt=media&token=dbd513fe-e17b-4f4b-8787-ac6e98995bce2026-03-10Animation shows search suggestions adapting from full-screen on mobile to a docked layout as the window size increases.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlfo0cyf-GM3%20-%20Search%20Bar%20-%20Guidelines%2026%20-%20v02.mp4?alt=media&token=bdee5106-fe0c-4807-a558-1d11626b22482026-03-10When a search bar is tapped, it becomes focused, and suggestions appear in a list. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgr7r58-GM3%20-%20Search%20Bar%20-%20Guidelines%2027%20-%20v02.mp4?alt=media&token=e0bc001e-3c87-4f5e-8ef7-f63e007e00ca2026-03-10A person searches a photo app. The back icon returns the search bar to its original state.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgr95m2-GM3%20-%20Search%20Bar%20-%20Guidelines%2030%20-%20v01.mp4?alt=media&token=05d76d3e-302b-4f96-ba5a-12999c829d2b2026-03-10Scrolling up hides the search bar. It reappears when scrolling down.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrahif-GM3%20-%20Search%20Bar%20-%20Guidelines%2029%20-%20v01.mp4?alt=media&token=3326f168-fa15-43f8-95f0-259760cfb0bb2026-03-10“Pla” is entered into the search bar, “Plants” is suggested and selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrdhl9-GM3%20-%20Search%20Bar%20-%20Guidelines%2033%20-%20v02.mp4?alt=media&token=823169dd-7cb6-4ef2-abc3-152fb758d30a2026-03-10Swiping left on search causes the Android screen to scale left.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlgrejsr-GM3%20-%20Search%20Bar%20-%20Guidelines%2034%20-%20v02.mp4?alt=media&token=aed3f171-531b-4e45-a363-dd8dc79381932026-03-10https://m3.material.io/components/search/overview2026-03-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlb1gn7s-04.png?alt=media&token=dc445e20-469e-40b2-9175-8d198effc998https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlb1hcrs-05.png?alt=media&token=ae55f13c-75fb-4b39-bc09-f503ea5b156aMobile UI shows a person typing into an email search bar. It expands to show a list of results.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlb0x4f4-GM3%20-%20Search%20Bar%20-%20Overview%2001%20-v2.mp4?alt=media&token=4438710d-8472-4698-ab9d-183b972998ad2026-03-10A recipe search with “Search recipes” hinted text, “Mexican dishes” is entered, then results appear in a list.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlb19j2i-GM3%20-%20Search%20Bar%20-%20Overview%2002%20-v2.mp4?alt=media&token=99e6f5e3-f3d1-4d83-88c9-5e37c8a0437b2026-03-10https://m3.material.io/components/search/specs2026-03-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17d95o-02-3P.png?alt=media&token=3dd43ef8-9815-432c-a639-2096e63eecabhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17dfzg-03-3P.png?alt=media&token=a5179e49-d0ca-4f96-bba7-c00613a268e3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17dsh8-04-3P.png?alt=media&token=7f0819f0-1c4c-4a4c-94ed-8cedf764f46bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17e01j-05-3P.png?alt=media&token=2ae8c274-80c6-40f8-97e9-8d234a057db5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17e8r8-06-3P.png?alt=media&token=5b199df1-1199-4653-b21d-dc28174c9195https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17efaq-07-3P.png?alt=media&token=a5cba1d3-cd20-463b-90ee-e5c20d299f1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17eoxh-08-3P.png?alt=media&token=0b029fa9-9818-4d4b-bf50-0e31ac6f028bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17exdj-10-3P.png?alt=media&token=5506d812-c90c-4751-9449-d72f1842589ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17f6n2-12-3P.png?alt=media&token=9857d8cf-493e-4ba0-bec5-d819cb3dd0d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17g3kb-13.png?alt=media&token=91890bd0-2429-40dc-ba11-945fe2ca3e6ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17mvvh-14-3P.png?alt=media&token=992b5b83-efa3-4964-8f53-39e96f3f2f2chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17n640-15-3P.png?alt=media&token=953f72ef-b883-441c-abda-7a67010a712dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17ne69-16.png?alt=media&token=786cbf19-9e17-44e0-af46-b1529da17e45https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17njuh-17.png?alt=media&token=b754034d-5aba-4479-9e77-b487f599fa00https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17o030-18.png?alt=media&token=8850da02-b54e-4ab3-b287-8cf416d92e98https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17o810-19.png?alt=media&token=039ffe87-1dfe-4131-ba73-0b062518d946https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17on8b-20.png?alt=media&token=afb59bc7-c6e5-4d5d-9cf4-64eae9f48d57https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17oub1-21.png?alt=media&token=208c144b-ecb2-4f7b-8f10-e8b23a404d0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17p24v-22-3P.png?alt=media&token=5c455e0b-4880-49d8-a4af-679db21c48e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm17p7ru-23-3P.png?alt=media&token=992a87d3-eac3-48d0-b226-932a3b1a9015Typing “Ping” into a search bar reveals a list of email results.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmm28azl5-GM3%20-%20Search%20Bar%20-%20Specs%2001%20-%203P%20-%20v02.mp4?alt=media&token=c021590d-7b43-4a69-bff1-1e4f9a20090d2026-03-10https://m3.material.io/components/segmented-buttons/accessibility2026-03-13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7q4935-1.png?alt=media&token=99802213-76ba-4f6a-8e7b-ea8daf0b2bc3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7q6k39-2_do.png?alt=media&token=15790494-3f50-40ef-990b-7dde7e714d61https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7q87p2-3_dont.png?alt=media&token=f935fbc2-5a75-4d24-91a3-ed026030dd63https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7q9t4x-4.png?alt=media&token=df0560b5-2880-402a-a0ad-ae84c4e2e2c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7qcq3h-5.png?alt=media&token=24534d45-c04c-46d9-a747-04aeeefd11ffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7qpwe0-6.png?alt=media&token=a73ad3f4-0a14-4075-b015-dbe86ef3ec0fhttps://m3.material.io/components/segmented-buttons/guidelines2026-03-13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7mlxdq-1.png?alt=media&token=e2fd2652-48e7-4a3d-9203-c8451a77c27ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7mnnk2-2.png?alt=media&token=0621a46b-ddcb-4ee9-b3de-b1b7be908b9dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7mz9ev-3.png?alt=media&token=6ac60657-7e18-4b03-81cb-23e97d4596c0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7n59nt-4.png?alt=media&token=42169c2e-9e9e-45a1-b3a7-44b5354fcdddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7nap4m-5.png?alt=media&token=0561fbc5-65b2-4d96-a0de-8f4ec03c3431https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7ngd39-6_do.png?alt=media&token=17b77bb9-147e-4b1a-b0fb-8e4ea445e7a0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7o4u2i-7_dont.png?alt=media&token=75e065ae-9d24-4a76-9261-7db3988ff869https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7o7un8-8.png?alt=media&token=0ccf0509-584f-437c-8a5f-dbfb97aae0edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7okkk9-9.png?alt=media&token=b185e6ab-2a5e-4d29-9989-52b66176df7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7omu8a-10.png?alt=media&token=a0044742-6660-4d12-b7eb-c168a9e4ea3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pqz1e-11_do.png?alt=media&token=5f954b64-e2d8-4fef-a0a5-e56c9fba0bd3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7prory-12_dont.png?alt=media&token=72743d41-4ba5-48b8-a3eb-0c386ab4ac66https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7psieh-13_do.png?alt=media&token=30b7bff6-d892-4765-93c8-a4712aaf1cd3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pt9gl-14_caution.png?alt=media&token=94a71ac1-5be5-4376-8f8e-8eac93aa3f1bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7ptzzf-15_dont.png?alt=media&token=bbfbde3d-e104-4cd8-9aae-6a7e3aed50e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7puwq3-16.png?alt=media&token=523ecc2f-a2df-4442-8e24-cf65c64c83d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pvpf7-17.png?alt=media&token=3aa4f45c-50e9-4de0-a6c1-6325df4a89a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pwh9i-18.png?alt=media&token=cd37d565-662f-48b9-b036-57fdce8f001dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pxu9q-18-a_do.png?alt=media&token=4c28374e-4793-49c8-9988-4c8ebdc009d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7pyzy1-18-b_dont.png?alt=media&token=d6675cb8-414c-4214-a099-1643383404b9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7q0vrm-19.png?alt=media&token=f3152999-f72c-4cfd-9c6b-b095bd997085Segmented button with icon and text labels with checkmark icon in selected segmenthttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8tx7wx-GM3-Components-SegmentedButtons-Guidelines-1-v01.mp4?alt=media&token=5cad284b-7802-403c-99c4-cbfa0f04af8b2026-03-13https://m3.material.io/components/segmented-buttons/overview2026-03-13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7qvais-1.png?alt=media&token=52a09b72-85ab-4f14-93a4-0738235fef83https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwhr0fyz-2.png?alt=media&token=246e78a8-1e67-45c6-a7b7-552681fce036https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fl20oj7ju-example.png?alt=media&token=9a695831-7fd8-4af8-ad34-b16a30ee5e32https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7ruslm-4.png?alt=media&token=f5efc802-2c9c-4a7d-98f6-1e92ef9b4c76https://m3.material.io/components/segmented-buttons/specs2026-03-13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6l9syf-1.png?alt=media&token=6f061b57-7ba3-4b4a-8d05-48c819cb5aa8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6lafzx-2.png?alt=media&token=5e27c91f-def3-4bd7-b695-1ab003bcbf6ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6law70-3b.png?alt=media&token=c4bc48ed-8fdf-487b-8523-05454e22d786https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6lbdzb-4b.png?alt=media&token=83d2c823-d412-4284-80e0-6d5f27141c63https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmmp8rn0c-5-3P.png?alt=media&token=ecf7d32e-1b88-45e0-a33f-0cb132870814https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6lc5hl-6.png?alt=media&token=f45257f0-41dc-4045-b92b-22ea302cc4c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6lcjus-7.png?alt=media&token=b8971f3f-3f59-41da-8142-7bcb3c7bf498https://m3.material.io/components/side-sheets/accessibility2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgamgh0c-01-do.png?alt=media&token=726a6d30-dab6-4f51-ad2e-015ac54dd3c3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgamhoet-02-don't.png?alt=media&token=39e0958b-98a1-439f-b7ba-a8a199550336https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgamkh0k-03.png?alt=media&token=0ecb7ab4-bff0-48b1-84a2-0c39cc936114https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgamoe2t-04.png?alt=media&token=f7ce54e1-ca6e-486f-9776-2057064b9bebhttps://m3.material.io/components/side-sheets/guidelines2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqqqohk-01.png?alt=media&token=51d3df6c-574b-4aaf-bd7a-b70c47c82c6ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqr6mnd-02.png?alt=media&token=8c90dc20-b3b0-4725-9130-ba118c870255https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqrab5f-03.png?alt=media&token=0729930f-cd91-430a-ad7a-3c74997f4771https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqrlvws-04-do.png?alt=media&token=1a29c903-cb7f-4b43-917f-8a584edc828bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqrngv8-05-don't.png?alt=media&token=6167c058-b004-42fb-a408-c1f3f8bdea12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqrqfpt-06.png?alt=media&token=b39ae6aa-ee8b-45cb-9d9b-c3aab1f16a67https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqrrjh7-07.png?alt=media&token=989dc9f2-073d-4b86-8889-02ea9651aaf1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqsampe-08.png?alt=media&token=6de272f2-1434-4002-8037-f40e904d54b8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqsgqgs-09.png?alt=media&token=77f536ad-a501-4715-9655-d5b7fdcab733https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqsns8t-10.png?alt=media&token=94c3975a-172e-42aa-b2ab-a335f9c9e858https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqsw3fe-11.png?alt=media&token=4452e717-8e08-4dc3-b1aa-a63252feeae1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqsz2ma-12.png?alt=media&token=7c14f328-775a-4c98-9513-1600f48affbehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqt0pai-13.png?alt=media&token=9a10a8aa-ec40-4657-9bd9-b0447cbbb01ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmeqwb27c-16.png?alt=media&token=5b9ae114-f5ae-4f03-ada2-88ffe3f7f5c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8z3x56-19_don't.png?alt=media&token=b2f8c1b7-ea55-4f8a-b3de-6b9b51be72f9As a small screen changes to a larger size the modal side sheet transitions to a standard side sheet.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8ytzch-GM3-Components-SideSheets-Guidelines-1-v01.mp4?alt=media&token=1bf4052f-7d2f-4918-ab47-cac110c8a72b2026-01-26Body area of a screen adjusts to accommodate entrance and exit of side sheet. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8yw08l-GM3-Components-SideSheets-Guidelines-2-v01.mp4?alt=media&token=b05fcdca-80b4-4337-9505-251837e72d7d2026-01-26Animation showing a side sheet being scrolled vertically to view all the options.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8yz6fq-GM3-Components-SideSheets-Guidelines-3-v01.mp4?alt=media&token=9e3edaa2-0851-448a-85bd-983c57f63ad82026-01-26Swiping to go back shows a preview of the previous screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8z7v0k-GM3-Components-SideSheets-Guidelines-4-v02.mp4?alt=media&token=77de11b6-dee0-4663-93b4-47229c2998bd2026-01-26https://m3.material.io/components/side-sheets/overview2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgalv851-01.png?alt=media&token=191d453b-5ede-4308-8bf3-fce576d974a9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgalwhrt-02.png?alt=media&token=054fa34c-239b-4ffb-99d0-fb5c0f751873https://m3.material.io/components/side-sheets/specs2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgam1q2e-01-3P.png?alt=media&token=c481dd60-266a-4f45-b3e7-c5148f52d7a4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgam3xno-02-3P.png?alt=media&token=a014f6d6-2b5c-4b1b-a365-35f44ff94849https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgam4wao-03-3P.png?alt=media&token=9ad396a2-516e-4f81-8ebd-00351e542220https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgam6adp-04-3P.png?alt=media&token=9b5b4904-7ee2-4e28-b834-2d91602c1217https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgam8seo-05-3P.png?alt=media&token=f1de3f6f-2bb5-4788-9b42-7cce55f744b7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmgamb5rx-06-3P.png?alt=media&token=882e119b-eae4-437b-9cdb-5fe69888fa1ahttps://m3.material.io/components/sliders/accessibility2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1s6sg3-3.png?alt=media&token=fe50b51b-a15f-496e-b0ff-7b65ef7598f4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1s73wl-4.png?alt=media&token=f00826a6-95c4-46d0-aa63-2da4e4b7759chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0o6wp1l-5.png?alt=media&token=99be26c8-7f4d-4336-8b83-f50fbf4f56b3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm3601h6w-6.png?alt=media&token=9855912f-4437-40d5-aa5a-6662501a6d06Dragging a slider using a mouse cursor and by touch. Handle width shrinks when dragged.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tjccg-GM3-Components-accessibility-Sliders-1-v01_1.mp4?alt=media&token=1f2cb7c0-7e6c-4add-a536-e35a15ee94ce2026-01-26Using keyboard navigation on a slider. Tab to the handle, and use arrow keys to change the value.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tk5qd-GM3-Components-accessibility-Sliders-2-v01.mp4?alt=media&token=7eb948e5-7fa9-47aa-b899-1b05f65b51db2026-01-26https://m3.material.io/components/sliders/guidelines2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmabg8tbj-02.png?alt=media&token=ada3febd-596c-46d4-ae20-0aa3b4228c1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk01w5-04.png?alt=media&token=6cd6a040-a82f-4ef7-8d4b-badc8c6eb27bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk1j0t-05.png?alt=media&token=3b884058-21ca-4d72-ba5e-5afdb59fa01ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk3lyv-06.png?alt=media&token=eeb21a3d-5711-46a4-8751-5995fadab337https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk4tsn-07.png?alt=media&token=55d86dc7-7b06-47fa-9d1a-7ae9dff73c91https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk6981-08.png?alt=media&token=67bf8680-0cc1-4109-aee0-b50e319a3ae9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7ln45vm-09%20-%20don't.png?alt=media&token=bb49eedd-2d76-45c9-99ab-8e9be6103673https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7m553sk-04-1.png?alt=media&token=03f97ae2-c5e8-41b8-8416-ba8201534a1bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lk9dsb-11.png?alt=media&token=ac3c7b80-ec76-498e-931e-6f6b573be9c6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkaurk-12.png?alt=media&token=8ee46da2-b5f5-4990-a851-44f5acaadba6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkbdhm-13.png?alt=media&token=bc2bb7bf-9f18-4ff2-988b-34a85bdc8084https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1s2vu5-13.png?alt=media&token=94e8f2b1-9fac-4303-ab60-acb9e7a32bd9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkclo7-14.png?alt=media&token=68ab779d-bed3-4d20-a2fb-e9f742ee269chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1s1ozg-10.png?alt=media&token=313ed48c-5478-4e59-9e89-4baf04fa38fdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkfou6-17.png?alt=media&token=1a441aac-51d1-452b-8a1a-ec87e9f5dafdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkhuu1-18.png?alt=media&token=9195aa36-4723-4ce8-91c3-c74694c2824ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkj1b8-19.png?alt=media&token=09bb620d-8745-48b4-8b03-34cbdc78d9a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkmte8-20.png?alt=media&token=fef6e46e-5b1c-42fe-bf92-904ef3d1611ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lni1k4-21%20-%20don't.png?alt=media&token=f36c7b22-9cce-489e-a73e-42d3a6dcae59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lnlfie-22%20-%20don't.png?alt=media&token=2deb8b76-5ccd-4412-81ba-a098a903d102https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lnor7e-23%20-%20don't.png?alt=media&token=6de66860-09fe-425f-b6b9-c6aa960411cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkolpk-24.png?alt=media&token=f87a9fd7-2914-4706-bcce-9edf4814fbc1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lkr4j4-25.png?alt=media&token=e382cedc-e5ef-4cd5-9fd8-eb0dd4b0e729Photo editor with sliders labeled pop, sharpen, and denoise being adjusted.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7m4gc9t-slider%20motion.mp4?alt=media&token=95c022a4-1968-4b5a-9175-2407bbf7fe202026-01-26The brightness slider changes the screen’s brightness in real time.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7llbz94-GM3_Expressive_Slider_guideline_3b_IA_V02%20.mp4?alt=media&token=134b459d-b198-4115-8188-1321d56605a52026-01-26Navigating to an adjacent text label, changing the value to 100 using arrow keys. The slider auto-updates based on input value.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tgm3i-GM3-Components-Sliders-3-v01.mp4?alt=media&token=ff66bc1d-5841-4740-a9b0-d73fae991edb2026-01-26Slider handle moves smoothly. The value increases and decreases by single digits.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tddmn-GM3-Components-Sliders-4-1-v01.mp4?alt=media&token=17272aa8-8278-45d0-82b0-8de39ccde83b2026-01-26Slider handle snaps to the nearest multiple of 10 when moved.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tdv5o-GM3-Components-Sliders-4-2-v01.mp4?alt=media&token=387283e5-b7ce-4ee2-b8d6-58f88d0a8af22026-01-26Slider handle moves smoothly to selected value of the slider.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tec5h-GM3-Components-Sliders-5-1-v01.mp4?alt=media&token=ed186b3e-0cc8-4875-a2b7-c541130754e22026-01-26Slider handle moves smoothly to the closest stop indicator value.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tep43-GM3-Components-Sliders-5-2-v01.mp4?alt=media&token=f31f5f31-9bcd-4b8c-be5d-eb2b8268e0ba2026-01-26Tab selects the slider, and arrow keys move the value by 1.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tf2t6-GM3-Components-Sliders-6-1-v01.mp4?alt=media&token=ac491860-373d-4f82-a5c0-8b49514e85212026-01-26Tab selects the slider, and arrow keys move the value by 10.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2tffc3-GM3-Components-Sliders-6-2-v01.mp4?alt=media&token=ea5e3c11-2f1c-47ea-99ed-d688be210ad22026-01-26https://m3.material.io/components/sliders/overview2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lii3kv-02.png?alt=media&token=315a4297-8491-4398-9ceb-ee02c42bce76https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7lirx37-03.png?alt=media&token=938a41c7-a272-4f54-b226-a138dbc77dbdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7livqfr-04.png?alt=media&token=04f22602-6e80-4772-84e6-e36473774b80https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7liwct9-05.png?alt=media&token=92017b6d-1e41-4639-9a31-6e78d744afe0A vertical slider changes the brightness of bedroom lights.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7ll9aj1-GM3_Expressive_Slider_Overview_01_IA_V01.mp4?alt=media&token=e9b46e6a-d3c9-4b05-bcec-725447cda4e62026-01-26https://m3.material.io/components/sliders/specs2026-01-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6a7kht-01-3P.png?alt=media&token=1f16d3a6-fc72-447e-83d7-ef38b37ff8fdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6a86b2-02-3P.png?alt=media&token=fbacd23b-0918-427c-9803-cd4c7050ed9fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6a8q7u-03-3P.png?alt=media&token=799e249c-9c5f-496b-b4ce-ef9b61ae2466https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6a99lg-04-3p.png?alt=media&token=c1f10fb4-9cb1-4093-8305-6d3df903a22dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6aa21o-05-3P.png?alt=media&token=d3fe982f-6f76-4973-aaf6-aa65a59956d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6aaode-06-3P.png?alt=media&token=5b594eb5-38dd-45e4-a53e-2a976e720a09https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6abaty-07-3P.png?alt=media&token=ecddf256-7f72-45c7-a4b2-64a91b405704https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma6absmo-07-3P.png?alt=media&token=e564d492-18b4-45d1-8efe-a62a5278e577https://m3.material.io/components/snackbar/accessibility2026-02-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0j72d-1.png?alt=media&token=fbcb708c-f8d8-4b0a-810f-f68a6bfcc444https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0k0la-2.png?alt=media&token=0c86aabd-9c0f-47f6-9dcd-c872748ddfd2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0kqjx-3.png?alt=media&token=cdc2d281-4288-4a6d-830f-8c72184d2dc8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmff15na8-06.png?alt=media&token=ad79461e-ce22-40ce-aad1-1af62fcca9c7Taking a menu item action moves focus to a snackbar. Moving focus out of the snackbar returns it to the same menu item.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0eako-GM3-Components-Snackbar-Accessibility-1-v01.mp4?alt=media&token=c77a347f-6dae-4211-9430-e6508f305e312026-02-10Confirming in a dialog moves focus to a snackbar. Moving focus out of the snackbar returns it to a page element.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0g1ed-GM3-Components-Snackbar-Accessibility-2-v01.mp4?alt=media&token=b8f4684d-424c-486b-8756-c7a148f56f722026-02-10https://m3.material.io/components/snackbar/guidelines2026-02-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6a9x4e1-1.png?alt=media&token=a139356b-4222-4b76-9c80-cfefdb00ced0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6a9y0k8-2.png?alt=media&token=e904bf19-99d6-4d22-9a44-1f986f1574c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8ov80w7-4.png?alt=media&token=c4c52f38-503e-4cd3-a40f-65423db893e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoxyec0-5.png?alt=media&token=ba932f45-20b3-4494-b4e9-0bd9ff22208ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy0ibw-6.png?alt=media&token=e4018d28-38b2-4af5-b7b0-d6f07688ee41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy1q93-7.png?alt=media&token=cc87fff5-d0bc-4790-a163-98557189a683https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy2p4f-8.png?alt=media&token=afb9be61-cec7-4121-a176-37c0909a64e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy3zcx-9.png?alt=media&token=8e9c9a97-1872-447b-8a36-36afb1bcef62https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy4zjx-10.png?alt=media&token=4b2e802b-b450-4558-9e80-15d0ea989e1ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy6dj7-11.png?alt=media&token=5d757758-41ea-418e-854b-ce251f747327https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoy7luk-12.png?alt=media&token=6127148e-439e-4246-80fa-0a72d1ab71f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvoz7q4-13.png?alt=media&token=f27da7c5-9427-436b-9706-d79c1277bdd1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvoydmj-14.png?alt=media&token=75f28fcf-e04e-4d6b-b9b0-b08daec054d7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoyabsh-13.png?alt=media&token=1ecad806-a4f9-4fcc-bcec-f3909c59e4d6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoyc9yp-14.png?alt=media&token=30ca81d2-71b7-4ac3-9adb-3be7c41313d4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoydoed-15.png?alt=media&token=5695ca2c-49c2-4a86-b11e-b415266f6ad5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoyf085-16.png?alt=media&token=dc457470-6654-493b-b1fa-633c991d9a61https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxktjsxn-19.png?alt=media&token=89f6106f-fd53-4132-815f-8b6ed99b52behttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoz8scg-20.png?alt=media&token=6539a4cf-fb1c-47d4-9e71-59a2b10dca6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoza8yz-21.png?alt=media&token=131c7a24-1324-4fef-880e-3d62d1156345https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa5hcy-22.png?alt=media&token=28ca12e4-37a3-42ef-910a-77f7e93539d8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa6688-23.png?alt=media&token=f80dfa9d-e09c-4d14-a503-34133ee3754bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvpb7sp-24.png?alt=media&token=99ae9b7b-a057-469a-88d6-d06755e8ecd7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvpbire-25.png?alt=media&token=53edc50c-ca3c-4a81-902c-8f5c455c94e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa171j-26.png?alt=media&token=0ca0a009-f201-4574-9c7f-1b37050bc6b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa25mm-27.png?alt=media&token=b110ee1b-9457-4f9a-a789-13eee60b7ef5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa35y8-28.png?alt=media&token=7bbf8d02-d6da-4fff-b9c1-9407d260d303https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6aa41vd-29.png?alt=media&token=196c1cfa-db40-4a5c-88fe-3c1e175670afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxktk5oy-28.png?alt=media&token=62ea237a-9fb2-4b02-af6a-6a1d860be406https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwoztb40-29.png?alt=media&token=6f2bb46d-080a-4fdf-b1ef-136b1a0e52d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwozw4lz-30.png?alt=media&token=1e5ae92c-43f8-4c9c-ab67-b51993825dd7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwozx768-31.png?alt=media&token=488159aa-db6a-467d-a7ee-01503dacf742https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvpdu5k-34.png?alt=media&token=39738286-872d-49de-93fb-bb20a4086903https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvpefif-35.png?alt=media&token=6b320904-cbe2-4fc0-80e4-ad801de9eefbSnackbar without an action button appearing and disappearing within 4 seconds from the screen of a mobile device.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp03p7p-GM3-Components-Snackbar-Guidelines-1-v01.mp4?alt=media&token=536dcebe-84fa-47e0-8452-3e268b1ca53d2026-02-10Snackbars with actions should remain on the screen until the user takes an action on the snackbar, or dismisses it.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm7ca02x7-m6f92ux5-GM3-Components-Snackbar-Behavior-1-v01.mp4?alt=media&token=90969bc8-5ceb-4891-8d29-521f673e0b142026-02-10Two snackbars appear sequentially on a mobile device. The first includes an action button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp06c42-GM3-Components-Snackbar-Guidelines-2-4-v02.mp4?alt=media&token=b9c1add8-52de-43e6-b85f-d3939e38de772026-02-102 snackbars appear sequentially on a mobile device and are stacked on top of one another. The first includes an action button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp08dxf-GM3-Components-Snackbar-Guidelines-3-v01.mp4?alt=media&token=97486710-862f-4282-915f-7e4de7f808be2026-02-10FAB's position is displaced when a snackbar enters the screen of a mobile device.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwp0a03k-GM3-Components-Snackbar-Guidelines-2-3-v01.mp4?alt=media&token=f7e5aecd-5cbf-4a5b-8c04-baf3b30727ec2026-02-10https://m3.material.io/components/snackbar/overview2026-02-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwow6ukp-1.png?alt=media&token=24ee05cc-c58f-4ecb-8348-804d66e04ab4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwow95bc-2.png?alt=media&token=6719d9ee-ca40-4021-8b1c-1e07c2a88258https://m3.material.io/components/snackbar/specs2026-02-10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmkvpjhzt-01-3P.png?alt=media&token=6b576463-6ebb-4dce-8b7b-ec988f189091https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flxlhysf9-2.png?alt=media&token=bdd60717-341a-4897-92a8-f69e82d01678https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8otc9es-3-3P.png?alt=media&token=4f3390bd-7907-45b6-b9ac-638802fca181https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flxli48dd-5.png?alt=media&token=f82b1a9e-b006-4266-983f-78f956d8b70ahttps://m3.material.io/components/split-button/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dpv69h-1.png?alt=media&token=649cab35-4ea3-432c-b027-1dd04227d045https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dpwfdp-2.png?alt=media&token=8f646a31-a6f5-4330-b17d-1d8c11d2132fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dq2sfs-3.png?alt=media&token=85b75ca9-ea9b-4199-939d-9b42767d223bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dq40tg-4.png?alt=media&token=e787ddba-953d-423a-bdee-55583e4500a7https://m3.material.io/components/split-button/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm36akp9w-1.png?alt=media&token=954a37e5-dbe9-4715-8f37-fd34afd699e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaei547w-2-alt.png?alt=media&token=442ef5f8-434c-4615-a622-926623edc416https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dosrjf-3.png?alt=media&token=1b565df6-4454-4460-9e64-f0dd199fe87chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaehs3k3-4_ALT.png?alt=media&token=be30a6a7-53a8-4e4d-a190-5293714dd79bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaehumyk-5-alt.png?alt=media&token=51014525-7e5f-43cb-8e6a-04ecd54f2ae8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4il1tni-6-alt.png?alt=media&token=bccedc39-a096-4dfa-b654-14d575be9f12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4il1xwy-7-alt.png?alt=media&token=fb95faee-bb6d-447b-a38f-24f0ef87b0a4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dp22eb-8.png?alt=media&token=7aadf139-d85b-4439-8514-204c2d6c571dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dxuxjz-9.png?alt=media&token=6dbd3d91-8792-44cf-a5b2-f03e5621deb2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dpczv9-10.png?alt=media&token=9f93accf-e255-4421-8450-efd4294d1176https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4il8isz-12.png?alt=media&token=7dea4867-f593-4b35-a7dd-f8059c252ee5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4ilatqh-13.png?alt=media&token=c60db39f-3af3-4fe8-92c7-09c26c255a71https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4iz4b9v-14.png?alt=media&token=7596fabd-1a2c-4d83-a0d6-03963942cbf5The trailing menu button spins 180° to point up, and applies a 10% state layer when selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4ilqjvz-Split-Button-B.mp4?alt=media&token=0dbfe0fc-ca7b-4e12-afd7-60a6cceb140a2026-01-06https://m3.material.io/components/split-button/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0dmjd8r-2.png?alt=media&token=62fdcac6-024e-4e46-8b38-7c4e6da472a8An extra large split button. It has a label and icon on one part of the button, and a menu icon on the other part.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4ilqvqh-Split-Button-B.mp4?alt=media&token=2a33379b-01c6-44e5-926a-4af1b897652b2026-01-06https://m3.material.io/components/split-button/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3o4mdr-1-3P.png?alt=media&token=1ccc3f10-8e6e-42e6-b8b8-1c0c728e68e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3o55u8-2-3P.png?alt=media&token=9bebc1e1-45eb-4425-853d-06e6a5182a32https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3o642r-3-3P.png?alt=media&token=01e1f664-be22-431f-adae-f93b4adba0d0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3o6fum-4-3P.png?alt=media&token=97f5490e-2d3f-47fc-af1b-146fa020f08fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3oa90h-5-3P.png?alt=media&token=e3ae73ad-cbc5-4cd7-adc7-d947456fd70bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3oaphp-6-3P.png?alt=media&token=b62c03ab-eed1-43e8-b6cd-14619a24b107https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ob3p2-7-3P.png?alt=media&token=26516240-0901-4684-85a7-a42eb3336c7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma5hz28q-8-3P.png?alt=media&token=66b410e7-ae0a-4f9a-bf57-d2b1bbb5910dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma3ocky0-9-3P.png?alt=media&token=9524b24f-f746-4de8-8544-26ddcae0df17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4ikihat-10.png?alt=media&token=36f970df-aca7-4711-bcc8-4397f38be008https://m3.material.io/components/switch/accessibility2026-01-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg68ycaw-01.png?alt=media&token=9c11889d-7f24-4d5a-bb90-9b469937fc21https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg68z1uk-02.png?alt=media&token=bc75a5a2-35c9-4f57-aea5-6b74a1befbedhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg692flh-03.png?alt=media&token=ab8f62a5-12ae-463c-9d74-a96cdbdb270chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg692zv4-04.png?alt=media&token=e69e20fa-da0a-4bbe-814a-1bbfbf3d0973https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg695w5m-05.png?alt=media&token=dda98de5-3d58-48c6-bf03-15d563c4e742https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg698bn2-06.png?alt=media&token=5ef0f417-dae7-4548-8214-6003ed547f91https://m3.material.io/components/switch/guidelines2026-01-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7sxhp8-01.png?alt=media&token=9cf20c7f-1383-4349-a75b-f6242b3a8aafhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7txet6-03.png?alt=media&token=9dde367e-511f-44db-a9cd-6f3ea4c2630chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7tz5pr-04.png?alt=media&token=cea4245e-ec49-4048-ac70-0d21f7b7c06dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7uio91-05%20-%20do.png?alt=media&token=b2b0ba0d-c3d0-4239-8b0f-d96c53e9457chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7ukia8-06%20-%20dont.png?alt=media&token=79ae5e92-2043-4265-b926-1965e7805d0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7ul4t0-07.png?alt=media&token=95b2a20a-6385-4636-8418-d6322ab44f62https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7ulhxp-08.png?alt=media&token=3f1f093d-f109-41cc-94b9-8275abe131d8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7ustxv-09_Do.png?alt=media&token=2f9d9c72-a27f-4bb4-a475-f1bdaa198acfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7ut60g-10_Don't.png?alt=media&token=258cf8f8-e60a-4b0f-b0f0-9c08f5a70a8fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7uvzmf-11_do.png?alt=media&token=07dcfa64-19b2-481b-b65d-4703baafa5e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vc3q1-12_don't.png?alt=media&token=3176413a-9e5d-448f-b807-36ca1b72ac04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vge0i-13.png?alt=media&token=082b9467-6cbf-4fea-a904-be06d0b5b7efhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vjfr0-15_Do.png?alt=media&token=a17fe805-0167-4f6a-b155-f7c3f5aacb4bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vpyog-16_Don't.png?alt=media&token=70eb3f5d-9352-484d-8077-26b25f8c8339https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vyj3y-17_do.png?alt=media&token=dca3bc09-c973-4f83-8394-4012f61b958bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7vz4xm-18_don't.png?alt=media&token=e81167e0-82e8-487e-af0a-4b91d93360e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg7xvplw-19_placement.png?alt=media&token=73f5211c-64e5-4b82-b081-95ab81ae7b9dToggling a switch turns on dark mode in Settings on a mobile device.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwa9phy3-GM3-Components-Switch-1-v01.mp4?alt=media&token=87034bac-0c9d-4b3f-91e4-29c02c97964d2026-01-06A checkmark appears on the filled circle of a handle when the switch is toggled on.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwabkmev-GM3-Components-Switch-2-v01.mp4?alt=media&token=c11da5d1-2565-4717-86b8-172964ae37082026-01-06A switch is toggled to turn on airplane mode and Wi-Fi switch automatically turns off.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwabqhfg-GM3-Components-Switch-3-v01.mp4?alt=media&token=b03a8301-b5e1-43b1-91d5-2fcb30f3ba712026-01-06When selected the switch’s handle gets larger and a checkmark appears on the filled circle.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwabqzdx-GM3-Components-Switch-4-v01.mp4?alt=media&token=71a78019-9dac-4493-a0d1-ad40a4c505af2026-01-06https://m3.material.io/components/switch/overview2026-01-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwa9bnl5-1.png?alt=media&token=8a4b85d3-5a30-49e2-b32d-927fc4c6fc2dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg65z0ro-02.png?alt=media&token=4fdec8c9-1449-43cd-86b8-7aca1f7a1ad1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg65zp7b-03.png?alt=media&token=bffcc9c3-bdaa-45b5-9065-d67bccd8dcf3https://m3.material.io/components/switch/specs2026-01-06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66415n-01-3P.png?alt=media&token=27830702-c236-42e4-9f51-90de8d2b302chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66ckmz-02-3P.png?alt=media&token=a6c6fc8c-15bd-4364-bd5e-f9ba0422a8a4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66fz7u-03-3P.png?alt=media&token=2c476a53-996e-45b0-b337-e2b0cd25e166https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66iwsh-04-3P.png?alt=media&token=45f45be7-4760-4f45-b752-da18d5f646e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66jzjg-05-3P.png?alt=media&token=03d410e2-0e07-4deb-b2d1-bffaf49c4e13https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66kbil-06-3P.png?alt=media&token=0a28f42d-8777-4c2f-87c8-eccad6e33f66https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66mxl5-07-3P.png?alt=media&token=5d9528c6-a0a0-4a9a-bad7-6247ad057d37https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66nbzr-08-3P.png?alt=media&token=aabf8a3a-33eb-4ed4-8992-3de1ad2e7e57https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg66of2m-09-3P.png?alt=media&token=299c633b-e204-4717-bc64-c54b7a5100e6https://m3.material.io/components/tabs/accessibility2026-01-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k3h2mn-7.png?alt=media&token=47b7122f-9754-488f-8436-39a6b015175aThe ripple effect resulting from tapping on an action item.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bkpen-GM3-Components-Tabs-Accessibility-1-v01.mp4?alt=media&token=0e70cb1d-d5e6-4442-b894-95179d1da7f02026-01-27Swiping right and left scrolls through tabs when scrolling is enabled.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bllqp-GM3-Components-Tabs-Accessibility-2-v01.mp4?alt=media&token=c852313d-ba99-4db7-95b0-dd37363851562026-01-27Hover state appears when hovering over tabs, clicking on them changes the state to active. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bmbt7-GM3-Components-Tabs-Accessibility-3-v01.mp4?alt=media&token=e8ae2e95-3425-4f09-9b1c-0bb2249ab12f2026-01-27Tabbing through navigation items. The focus indicator appears when an item is selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bmwk8-GM3-Components-Tabs-Accessibility-4-v01.mp4?alt=media&token=313f83d3-6732-48c2-99c3-9d6e637c5bc42026-01-27Arrow or Tab being used to navigate through a tab menu.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bo0sa-GM3-Components-Tabs-Accessibility-5.1-v01.mp4?alt=media&token=ef562741-1b5e-40e8-8107-22c2e664ca232026-01-27Space or Enter being used to navigate through a tab menu.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60bot9i-GM3-Components-Tabs-Accessibility-5.2-v01.mp4?alt=media&token=13673350-f957-4807-94ec-446fa068e1172026-01-27https://m3.material.io/components/tabs/guidelines2026-01-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0hhto-1.png?alt=media&token=faff99ee-2899-443c-af57-12c65d59fbffhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2neyv4z-2.png?alt=media&token=63c8ff69-43a0-4546-b67d-8a4bb5717c60https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0jkg6-3.png?alt=media&token=45142db9-88cd-4311-b2b7-fcd6f1bf4666https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0jyu3-4.png?alt=media&token=47a63c09-2bf0-41e1-80fc-92f8783b19a8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0lum1-5.png?alt=media&token=07a5972d-391d-41a3-9a79-eafe77cd8f25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0mdfv-6.png?alt=media&token=6eab5596-fd3e-4c96-b8dc-3bdd18a576aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0o3dw-7.png?alt=media&token=4453d8d6-48b9-4c46-bdef-c67469c6874ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0sbsy-8.png?alt=media&token=feb6c69b-48e7-47c7-a3ef-c8101a1d086ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k0t3i6-9.png?alt=media&token=8943b2f8-f6e6-4806-8b42-19cbdd777e22https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k1942z-10.png?alt=media&token=c814722a-2e66-42b2-a087-253f3dffcadchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k19jjz-11.png?alt=media&token=ba85424e-ac68-4880-8ce6-9772253d3871https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k1a0sc-12.png?alt=media&token=d0344e50-67db-4791-99d8-05f7c782bf67https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k1yl6w-13.png?alt=media&token=b128a5c0-f67d-4194-bc94-d69b547ddc8chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k20o4c-15.png?alt=media&token=1c7dd05f-a6bd-4c00-a290-5ebdd692a1fbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k217y6-16.png?alt=media&token=3a2e7337-2872-4ea8-a56e-9292b857d1cfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm6fa9q27-17.png?alt=media&token=cc7ab597-a356-4567-9e55-1741827fc898https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k2312r-18.png?alt=media&token=097ee5d4-3881-444a-8729-143cad991109Selecting a tab creates an underline below the icon and text, both which have changed color to show the tab is active.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60drx93-GM3-Components-Tabs-Guidelines-1-v01.mp4?alt=media&token=01dba97f-6d23-422f-a8da-fbc765f43b952026-01-27Mobile screen with fixed tabs, text only.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dtw9m-GM3-Components-Tabs-Guidelines-2-v01.mp4?alt=media&token=9eb59133-809d-45dd-8ac1-f5ce4ef3f4822026-01-27Tapping a tab selects it.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60duq4j-GM3-Components-Tabs-Guidelines-3-v01.mp4?alt=media&token=1f45151f-f0a7-44bc-8e3e-c285696673ad2026-01-27Swiping left or right on the content area moves the focus between fixed tabs.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dvuo4-GM3-Components-Tabs-Guidelines-4-v01.mp4?alt=media&token=7d119b6f-4276-488b-bee9-0814d15c61aa2026-01-27Scrolling up and down through content, then swiping left through tabs.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dwpex-GM3-Components-Tabs-Guidelines-5.1-v01.mp4?alt=media&token=544702cf-ae9c-400e-a038-cfde92c1a9a52026-01-27Swiping to change tabs accidentally swipes to delete a list item in the UI instead.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dxhwe-GM3-Components-Tabs-Guidelines-5.2-v01.mp4?alt=media&token=37281524-6317-465c-b382-4099b0e3c7962026-01-27Scrolling left and right on scrollable tabs.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dygta-GM3-Components-Tabs-Guidelines-6-v01.mp4?alt=media&token=445c40d5-20a1-4afe-885a-ed9bea0640ed2026-01-27Scrolling through content with fixed tabs at top of the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dz0ae-GM3-Components-Tabs-Guidelines-7-v01.mp4?alt=media&token=4a834ae7-454d-4029-b581-892fb20524302026-01-27When scrolling up through content, tabs scroll off screen, then reappear when scrolling back down.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60dztv7-GM3-Components-Tabs-Guidelines-8.1.mp4?alt=media&token=d909f8c1-c29d-448b-be0f-8beb0c5522082026-01-27When scrolling up through content, tabs scroll behind the app bar then reappear when scrolling back down.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm60e0d2q-GM3-Components-Tabs-Guidelines-8.2.mp4?alt=media&token=53c95ac9-7bb1-47ea-8aa7-a392191e844e2026-01-27https://m3.material.io/components/tabs/overview2026-01-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2kfqg9k-1.png?alt=media&token=0b9bbd9d-bec7-468e-8e83-1a7b6d08763ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2k3okei-2.png?alt=media&token=cbbae98e-4d7c-4c85-8e63-1056f6e38129https://m3.material.io/components/tabs/specs2026-01-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2lequcy-1.png?alt=media&token=e30b24d1-ba44-45b8-a4e3-8d260ba61783https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2lerpx7-2.png?alt=media&token=61392b0c-376b-4e53-bec0-592dc867150dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8t9w5tr-03-3P.png?alt=media&token=ab51d1db-3cf4-4f3c-95ee-72ffb1f6dd3dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2letsf5-4.png?alt=media&token=53f548f7-a618-4720-ba08-563be29dce2bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2leuvo3-5.png?alt=media&token=ad58a754-c7b2-4ae3-9eaa-b24f4f04e6aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8t9wue2-06-3P.png?alt=media&token=c4d4a82a-f2b2-484e-8eb3-0511a6a4aa81https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm92tisv3-07-3P.png?alt=media&token=3f3fca3c-6b4d-4034-9c84-94f9bf7c785dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm92thj1h-08-3P.png?alt=media&token=76d7e053-1d60-462d-900c-9e65d537a4d7https://m3.material.io/components/text-fields/accessibility2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32f0bp-1.png?alt=media&token=2037cfd2-09f9-48c6-a723-7a73f2dd6d36https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32f68l-2.png?alt=media&token=aa76ef86-da54-4f76-8437-26c0181d85c2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32k7wf-3.png?alt=media&token=679bc72b-1edd-4a37-9f0c-462d91c195a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32kef6-4.png?alt=media&token=9677297e-c97b-4210-9a25-2c9268b02806https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32ks8b-5.png?alt=media&token=12c43d38-d18f-417c-b8fc-13110c145ffahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32l5y8-6.png?alt=media&token=b4271bd0-47bf-4af4-b9f7-fb693bf843behttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32leg0-7.png?alt=media&token=9d09f464-5f11-40c9-8310-af201dd18e29https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32lojq-8.png?alt=media&token=a55926cc-d2d2-4451-8fe2-74a515db3a16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32m4pa-9.png?alt=media&token=aac93da1-54a2-4b87-a1bc-68807f59bbd4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32meu7-10.png?alt=media&token=4caf165e-0a75-4e05-8be8-410f681c8874https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32mlzg-11.png?alt=media&token=72a43825-5286-49d6-9f49-7bb37a11e0f4https://m3.material.io/components/text-fields/guidelines2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyqb5o7k-1%20(1).png?alt=media&token=3e8505af-c89e-46f1-a165-4150245058a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31ssyn-1.png?alt=media&token=17fe50a8-ccc7-491b-b8b2-a8c3bd1487f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31t4yp-2.png?alt=media&token=4a6e26a3-72f3-46d2-8372-47fc1cf66d7ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31tc9a-3.png?alt=media&token=db27205f-c078-450b-b330-00c1afd09444https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31u7r0-4.png?alt=media&token=bb9357e8-b1d0-4ff8-890f-b21939e78de0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31v0nn-5.png?alt=media&token=205be2fa-2142-46e3-81fd-c69273b0601dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31vds5-6.png?alt=media&token=cfac905f-bbb9-4917-86cb-75d405a82628https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31vnye-7_do.png?alt=media&token=776ccb86-55c6-4c1c-abd2-fe2e99551f3ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31vw2z-8_dont.png?alt=media&token=af4205b9-661c-4cb3-957c-a1fbda8d56cehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2j3kn4a-9.png?alt=media&token=182bc4ba-6100-4b86-9c88-ab946296064ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2j3kqed-10.png?alt=media&token=9dd5de19-42ba-4468-a2bc-843792fd7fc6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31y44j-11.png?alt=media&token=7d4b4480-90b1-4bd6-b9db-a25f193c515ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx31ykco-13_dont.png?alt=media&token=dc2a9d73-7d0f-42f0-aafa-072fcca98564https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx320mke-14_dont.png?alt=media&token=13140173-2eba-4d08-bb46-a9fa6cba1a59https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32132w-15.png?alt=media&token=7ec20bd3-7097-4d2e-85f5-eba578d7ce0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx322ilp-16.png?alt=media&token=43feb129-a6b6-4277-b1a8-044d68325b3dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx322ww5-17.png?alt=media&token=fa62d7da-ffa4-49f8-bb0f-fa7273b6c4d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx323bkz-21.png?alt=media&token=105d405f-12d6-4edd-831c-aeb168ae8d20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx323jpq-22.png?alt=media&token=0b58c2b9-439d-42b1-9ca3-f61852239672https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx3246iw-23.png?alt=media&token=1848c8cc-bb19-465d-bf22-2caea1371a3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx324ofo-24.png?alt=media&token=309a0667-ded2-42a9-bd93-3b83d086f88fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx325xha-27_caution.png?alt=media&token=56146424-2703-4db8-b848-8e986a620685https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5vj8xje-28.png?alt=media&token=37a70518-0bc9-48c5-add8-ddef99bb85b8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx3270td-28.png?alt=media&token=10a8c64f-9569-41f4-b334-66537b8c7930https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32b33u-29.png?alt=media&token=6200faed-0aab-45bd-af45-5dd7dff5020bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32b91b-30.png?alt=media&token=d37f640d-c179-4935-ae4d-9e09c84a01cfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32c2h0-Full%20to%20max%20-%201P.png?alt=media&token=9b9c076b-53e3-4068-ae53-c050d0dbb37dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32d5ny-responsive-layout-dont.png?alt=media&token=998e18d2-8016-4962-9652-e29fcfb4568bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32dfqc-31.png?alt=media&token=a5b0b69e-bddf-49e4-9cfb-c30aae5f640dAnimation of 2 text field’s label text changing position when empty and populated.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32tcjs-GM3-Components-TextFields-Guidelines-1-v01.mp4?alt=media&token=5d88de42-92e9-4aa3-a89a-124a0305b87d2026-02-11Text field with very long input text that scrolls sideways. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32tu4z-GM3-Components-TextFields-Guidelines-2-1-v01.mp4?alt=media&token=ce56cd51-c973-4fb2-9507-3108955d254c2026-02-11Text field with very long input text that wraps into a second line, expanding the text field container. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32uir5-GM3-Components-TextFields-Guidelines-2-2-v01.mp4?alt=media&token=29c194ef-dc2f-4c0e-a20b-d5c3b720253d2026-02-11Text area with enough space to allow a very long input text to wrap into a second line without the need to expand the container.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32usx4-GM3-Components-TextFields-Guidelines-2-3-v01.mp4?alt=media&token=acf2e07c-b72b-47a0-9a8f-98dd14978a8d2026-02-11Mobile UI of a sign up form indicating a invalid entry, and a hint on how to resolve as supporting text below the container. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32v93h-GM3-Components-TextFields-Guidelines-3-1-v01.mp4?alt=media&token=2b4b2b54-a056-4a61-975d-553b5e06e4ca2026-02-11Mobile UI of a sign up form with an invalid text field entry. The regular supporting text remains above the error message. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx32vmu8-GM3-Components-TextFields-Guidelines-3-2-v01.mp4?alt=media&token=39d05576-568a-4739-b598-f9534900853f2026-02-11https://m3.material.io/components/text-fields/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2u2h3p-1.png?alt=media&token=71a990c4-03bd-4c34-afc6-130018ed186ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx2u3e4d-2.png?alt=media&token=896d9b04-c327-4904-9c1b-368bb684d53chttps://m3.material.io/components/text-fields/specs2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2j3wjd6-1.png?alt=media&token=03c85687-5f77-4b5c-a7b0-a38799a7b42bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2j3x0d6-2-3P.png?alt=media&token=f9e0224e-9c4d-4c73-b313-88a8d4c63bd3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqwy2pr-3.png?alt=media&token=b8865528-a6d3-496c-a968-29b0b626d31ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqx5pjx-4.png?alt=media&token=ea761b5e-fc6e-4979-acd8-69d42c2737f2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqxam89-5.png?alt=media&token=d571e1d6-c212-4d3e-bb44-522da83b6fb1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqxhgvg-6.png?alt=media&token=3a26e5e8-ac4b-438d-b4c8-b56375deae62https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4adcnvc-7-3P.png?alt=media&token=0ceb08d6-a607-492b-a62f-a8b29e2db948https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm84goiff-8%20-%203P.png?alt=media&token=17771e17-b866-4a9b-800b-ad5beed90873https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhk4c6jn-09-3P.png?alt=media&token=f55d7652-a5bb-4963-8395-791263662261https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2j3xtlg-10-3P.png?alt=media&token=e7f9bb14-13e1-42e5-b79f-1ddd3178f252https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqy69rp-11.png?alt=media&token=ff991447-ecb4-414e-9fa4-9b72b3537e1dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqya4uw-12.png?alt=media&token=4bd381a5-2489-4bdb-9d62-a5d37ae4fa2ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqys303-13.png?alt=media&token=76e0ea27-3e53-4a3e-bf9d-50d6b1f67a2dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqyuu9g-14.png?alt=media&token=84d6a030-ea94-4790-b658-cc477664a70chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flyqywif5-15.png?alt=media&token=91409e82-1dbb-45a6-869d-f024ee50f193https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm84gq17k-16%20-%203P.png?alt=media&token=eefd975a-84d8-4f4b-9cc8-9707e31f383fhttps://m3.material.io/components/time-pickers/accessibility2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2w3xxn-01.png?alt=media&token=84c832db-808d-448c-a8dd-9d89620c4d1fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2w61b9-02.png?alt=media&token=92a4708a-fda3-4fca-b285-153413dd00b4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2w8i4o-03.png?alt=media&token=da4a19d6-ee3a-4eaf-bce3-256e3d0681b1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2w9ugu-04.png?alt=media&token=07079a68-62a9-49fd-ab7f-2638edda3047https://m3.material.io/components/time-pickers/guidelines2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2pwu0i-01.png?alt=media&token=a9c2389d-af1b-43a9-9c96-59e999c31a6chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2q22nz-02.png?alt=media&token=029a62a3-faff-4ea6-aaff-d5c7e3d0145chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2q5unb-03.png?alt=media&token=9cbe187b-c1c2-4581-a086-4e51f593861dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2q7fdq-04.png?alt=media&token=4d6c29d8-df4a-4cb8-98a9-994284bb9984https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2u47yh-05.png?alt=media&token=a671138b-6e5b-4d58-8dd2-84aeea14195dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2u4xoe-06.png?alt=media&token=f64fe914-9b52-445d-b071-2f5833ff0f83https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2u8t61-07.png?alt=media&token=824ffe77-2a95-46e0-a1ab-3ca315414499https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2ugmkj-08.png?alt=media&token=52517d18-15f3-48f7-b64b-d0297ae21e2ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2uji74-09.png?alt=media&token=829a268c-cf9b-43e6-83be-5c388f6d1908https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2uqf01-10.png?alt=media&token=2af68f32-68f1-4c1f-86e5-9d3fada4e35fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2wil5z-11.png?alt=media&token=a0b081bd-3ad5-48bf-b57c-4ef8e5f2b6d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw7tgqq3-12.png?alt=media&token=c0a7ba7e-4362-49d9-bf35-3bc8bcde7c5fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2uzinf-13.png?alt=media&token=bb6a904b-40c3-4353-9c57-7299f455b020https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2v1wt2-14_dont.png?alt=media&token=776c2e3f-538d-4912-8815-ef79f77aba0chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmd2v8xeq-18.png?alt=media&token=b4c07a4b-ff96-497f-88bf-e9eca05fc5f8Dial time picker possible interactions. Dial selector adjusts to match manual input.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8wa0wg-GM3-Components-TimePickers-Guidelines-1-v01.mp4?alt=media&token=303bca0c-902b-49c5-9fd3-8d14448f02fc2026-02-05Time picker enter and exit transitions.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8waqdc-GM3-Components-TimePickers-Guidelines-2-v01.mp4?alt=media&token=7a222829-9aba-4cdc-be4b-97160cb6602c2026-02-05Time picker transitioning between dial and input selectors.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw8wbaye-GM3-Components-TimePickers-Guidelines-3-v01.mp4?alt=media&token=507fb3f4-bfff-4e43-8221-3efa566af7ee2026-02-05https://m3.material.io/components/time-pickers/overview2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcyz4dh2-01.png?alt=media&token=726495da-d131-42f3-a766-cd787c29a235https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcz00a3d-02.png?alt=media&token=195f2e65-d46e-466a-b952-e7cfa9761d48https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmcz04x96-03.png?alt=media&token=a2f4ba54-7a25-4967-b3d9-bb113e40713ehttps://m3.material.io/components/time-pickers/specs2026-02-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmdcxf11n-01-3P.png?alt=media&token=3ecd0554-c896-4456-819b-c56c8313bbf1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmdcxfokb-02-3P.png?alt=media&token=490ea902-f5a1-434a-bf2c-9013a3b71b07https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl6nxwe4v-%5B1P%5D%20color-time-pickers%20(1).jpg?alt=media&token=f0bbaf37-d293-45c1-91e2-2d9fe41ace48https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl6nxy34v-%5B1P%5D%20color-time-input%20(1).jpg?alt=media&token=463baa36-094b-470a-995d-2db6970ab755https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8t5j9hb-5b.png?alt=media&token=841395db-38a8-47d7-86af-8716459b6032https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl6p241d2-%5B1P%5D%20layout-time-pickers-vertical%20(1).png?alt=media&token=cf0e2679-196d-4b0f-8b1e-1fb589e239f4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl6p279e1-%5B1P%5D%20layout-time-pickers-horizontal%20(3).png?alt=media&token=ffeb93b2-0e9b-48d5-9350-36ab567fce0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl6p28zo3-%5B1P%5D%20layout-time-input%20(1).png?alt=media&token=c1fe856d-0deb-4101-98cf-da76f23414cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl7ao2hx2-%5B1P%5D%20guideline-time-pickers-configurations.png?alt=media&token=e43accb7-46d8-4afe-9258-ceffc4f81158https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl7ao3ny7-%5B1P%5D%20guideline-time-pickers-configurations-24h.png?alt=media&token=68160ebd-03b8-44d2-8eff-b21bacb9d372https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl7ao513q-%5B1P%5D%20guideline-time-input-configurations.png?alt=media&token=161a6bfb-8df3-4318-bc4c-2af54a37e7cehttps://m3.material.io/components/toolbars/accessibility2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0anu1gy-3.png?alt=media&token=6ce1a9cb-f8d9-4e2e-a0b5-5c3d56691c9ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0anv4t7-4.png?alt=media&token=83f51ce3-ac26-4425-a6ff-a97026cb1e74https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0anynmv-5.png?alt=media&token=f53e2da8-9f81-47fa-9786-b445bc596dc8An animation of the user tapping on an action item and the ripple effect being shown.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma798ukw-GM3_Toolbar_Accessibility_1_IA_v02.mp4?alt=media&token=936128aa-9795-48b3-8b10-5b0f5cbd13172026-02-12A mouse hovering over a button in the top app bar, then clicking.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma7996zt-GM3_Toolbar_Accessibility_2_IA_v02.mp4?alt=media&token=2d872434-fcb6-426b-897e-73be777ad4892026-02-12https://m3.material.io/components/toolbars/guidelines2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xi1w6d-01.png?alt=media&token=c58c89f5-5f11-410e-83e9-527495d6a51chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0akotbi-02.png?alt=media&token=7c57efcb-0ced-4383-923c-2bb9b0d8bb25https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0akx0bq-03.png?alt=media&token=2ddeb9e7-904c-48c4-82d2-8eb2df8b511fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0akxxgm-04.png?alt=media&token=d1f96ec5-e3c6-4936-a0ff-9456fabe38b1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2ytl4us-05.png?alt=media&token=3beb745d-8031-460f-b3b5-400d481b0f7dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al28lo-06.png?alt=media&token=1f6d5d66-1407-4636-9e31-635eec6aac7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al3avf-07.png?alt=media&token=c786ee9c-8199-4d30-99d7-ed8b8d659cb2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0al4vpg-08.png?alt=media&token=006079a0-0c27-40f7-a3c6-72c86706ebe5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alklw0-09.png?alt=media&token=864f5358-84b4-4b4e-b438-9a58fae853f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aln2r9-10.png?alt=media&token=f547cd2c-f7aa-4780-a701-89480ad92506https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xiiwbe-11.png?alt=media&token=df3567cb-3de9-4130-87b2-d6496e2b50d6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0als248-12.png?alt=media&token=5de2e6dd-e260-460d-8b24-ec4616d068f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alr7n0-13.png?alt=media&token=67d0f0c3-77bf-413d-b028-a3704d62dddehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0altzpa-22.png?alt=media&token=982f6de8-05e5-4918-8395-3172ba98a767https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alvr9d-14.png?alt=media&token=43b6b0e0-3785-4b32-b814-9334d1df3604https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0alwqwe-15.png?alt=media&token=34941365-0b02-426e-98aa-5a7182146ef3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xiazxd-17.png?alt=media&token=1fb4d961-4c77-46d8-8e1a-bacee6d1344ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aly7tp-16.png?alt=media&token=eef76f70-653b-4316-a4e5-b4c3efe04ec9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am06ae-18.png?alt=media&token=b78bd5dd-7b9b-4026-8782-bd7299a30180https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am2tq8-19.png?alt=media&token=ade3aae3-04a8-48c5-ad34-a44e19f82385https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am3wil-20.png?alt=media&token=fa9517c1-99a1-41ec-bb2a-3add03657f0ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xigk3q-22.png?alt=media&token=834f844e-bf4a-482b-a55c-58b8e2a5dc96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0am631l-21.png?alt=media&token=ea7acd11-1ec9-4fee-b237-adf2c9636730https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0ama5z3-22.png?alt=media&token=fcca3ccd-3347-4482-9732-ed9ce3b21b72https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0amca2n-23.png?alt=media&token=f1c23645-3eec-4330-8159-b7add81a9481https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7ximrxw-26.png?alt=media&token=e501bab9-334b-4454-ade0-c6f31b83ff75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0amgeqc-24.png?alt=media&token=aad0bae2-9282-40cc-a472-3025c8addcdbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0amkwhr-TBD.png?alt=media&token=596f104c-915a-47fb-a863-6bf778a8331ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma2vff01-29.png?alt=media&token=4ac502e5-7602-445e-834d-286226583b65https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma6y2uq6-30.png?alt=media&token=deab82d9-57fa-4c3f-a2da-b60dc77a01b4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma6y2g0q-31.png?alt=media&token=06384f75-0a0a-43ce-9b0a-f8af3c53130ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmbv5jv5l-33%20Old.png?alt=media&token=ac965689-4c43-4519-9ae8-bd2d100f65c4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma1lkstz-32.png?alt=media&token=7c230191-dce6-498c-b7c6-e7a680fec810https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma1lm7ro-33%20(1).png?alt=media&token=415f33b0-19f9-4b55-87e1-d94689e61122https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xmqa2l-34.png?alt=media&token=b12e1381-1bc0-41e6-8898-1603c9aadc57https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0amsqw6-29.png?alt=media&token=a2c29c55-b09f-40a1-9a0d-48d3316f5811https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xmw01r-36.png?alt=media&token=488e8d77-d650-48d5-abed-a727d821d65chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xmygdb-37.png?alt=media&token=9f00e9fc-1b60-4dac-8974-353a25084a2bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7xmz6n4-38.png?alt=media&token=0be61ff8-5427-4330-9ddf-e59303f1c9b5App bar resizing to wider view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma1lvic4-GM3_Adaptive_ToolBar_Guidelines_37_IA_V01.mp4?alt=media&token=89841766-ea1d-4db4-8860-6068b771961d2026-02-12Docked toolbar animating off screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6kw6oe9-Toolbar%20GUidelines%2031a%20-%20RENDER%202x.mp4?alt=media&token=7cbad4e7-a289-4342-846a-63f7b8054dff2026-02-12Floating toolbar animating off screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6kwfvv5-Toolbar%20Guidelines%2032a%20-%20RENDER.mp4?alt=media&token=8f26be69-b22b-46d1-900d-433e721801262026-02-12Floating toolbar with several actions animating on scroll to hide all actions except the center one.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6kwpm0p-Toolbar%20Guidelines%2033a-%20RENDER%202x.mp4?alt=media&token=a55b9c88-559c-46cd-af7b-313b49a5de042026-02-12A toolbar collapsing to one action, and moving off screen when the page is scrolled.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9ipmok3-GM3_Expressive_Toolbar_Guidelines_42_IA_v05.mp4?alt=media&token=aed3f7cb-b269-4eb8-8e39-5ae379f2dc342026-02-12https://m3.material.io/components/toolbars/overview2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aionfm-01.png?alt=media&token=0f1d71f5-1d22-4820-859d-fd952e995cf9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0aiswog-02.png?alt=media&token=e5523e45-647f-4168-b257-c773be63adf6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e7liab-2.png?alt=media&token=16c3ad53-7e83-4079-85ad-9b096bbb56fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0e7mh6v-3.png?alt=media&token=9dfb6612-f40c-4d4c-a773-463109db7c5fhttps://m3.material.io/components/toolbars/specs2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma23ultc-01-3P.png?alt=media&token=f06dc965-479c-428e-b1b5-3c549f018f8ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma24egim-1-deprecated.png?alt=media&token=1081969c-6b00-4ff2-832a-6c81df9e30ebhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma24i061-02-3P.png?alt=media&token=ea746f3b-39a6-4cb4-bc49-0b8c2d935f3fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma24poz2-03-3P.png?alt=media&token=01853411-fd2a-46df-a634-5ba6f213ddafhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25cmf1-04-3P.png?alt=media&token=aab2da97-79dc-4533-a948-f51575cd6e31https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25fg6c-05-3P.png?alt=media&token=1575d435-2053-4e77-aef6-f5ec25af2580https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25hban-06-3P.png?alt=media&token=59ff67bd-7807-47ec-93de-beab552a6360https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25j41t-07-3P.png?alt=media&token=64118047-e221-4b16-b995-7dd09d62df2chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25jqfl-08-3P.png?alt=media&token=69b2890a-a4ee-4057-875c-6ac032fa1fe1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25l6kh-09-3P.png?alt=media&token=88fb2262-a466-463c-839f-c5a397cbea75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25numd-10-3P.png?alt=media&token=65655b16-bb45-4154-904e-98dfa7e77b77https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25or07-11-3P.png?alt=media&token=d5e97936-d6ec-4c04-8fb9-7dbfab981bdehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25qmnu-12-3P.png?alt=media&token=526e6241-99db-49b5-b795-5a06b9127bfahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25vwtc-13-3P.png?alt=media&token=f5f362b3-e75c-46cd-b4b5-a38075e10434https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25wn0p-14-3P.png?alt=media&token=6aeb9904-fefe-4dda-919b-3e0a6a46aa0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma25xkg5-15-3P.png?alt=media&token=2b89e735-e35e-408d-8c57-263f9a37339ahttps://m3.material.io/components/toolbars/xr2026-02-12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmffkg5cl-01-3P.png?alt=media&token=4506fb4c-5c92-4f21-a204-384287d534dbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmffkgmzs-02-3P.png?alt=media&token=0f036aab-1db4-4af8-b665-bd1974994145https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmffkgx1z-03-3P.png?alt=media&token=44dbf8f1-e123-460f-932d-23d39029d139https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmffkhel2-04-3P.png?alt=media&token=e27346c4-675e-4edb-9a67-ff0b446c5c3chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmffkhmg5-05-3P.png?alt=media&token=b2e3fbe8-b01f-483b-a988-3b2ab863b456https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemeu04x-11-do.png?alt=media&token=49f94b58-722e-4afc-83df-a448962fdd24https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemevhx8-12-don't.png?alt=media&token=449795aa-4920-46a8-8dfe-a4fe43ed40cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemey1hz-13-do.png?alt=media&token=c21a511f-8efe-4028-bdcd-c83163e60d48https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemez2e1-14-don't.png?alt=media&token=fd153363-aee4-4dc7-86ba-1d85e3ddbb98https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemf0q6h-15-do.png?alt=media&token=8f923eb4-4477-4fcb-a60f-13b7f42bbe4dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemfyo8f-16-don't.png?alt=media&token=d9e5cd69-d3b6-4238-94fa-5d7dbd359c2chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemfvpq3-17.png?alt=media&token=06472c3c-8a05-4dab-9e63-b4dac374c622https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmemfx943-18-don't.png?alt=media&token=ce865771-93db-4ded-ac2c-f0ca46254201Animation showing a toolbar changing from 2D to 3D.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmf2kzdta-toolbars-xr-06.mp4?alt=media&token=44193d29-a985-43ec-8857-f6b25485b8da2026-02-12A toolbar orbiter placed in local context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmf2kzsyd-toolbars-xr-07.mp4?alt=media&token=c7cb300f-f88b-442b-9b35-0d5bc70bd5352026-02-12A toolbar orbiter placed in global context.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmf2l0gt9-toolbars-xr-08.mp4?alt=media&token=08bd73ef-0eca-463e-9178-e1cfd526586d2026-02-12A spatial panel with a Google document has a toolbar orbiter that expands from 5 to 10 items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmf2l10hs-toolbars-xr-09.mp4?alt=media&token=0c8faeb2-836f-4a21-9b99-affd1c72164f2026-02-12An app switches between 1 and 2 toolbar orbiters.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmf2l1cvh-toolbars-xr-10.mp4?alt=media&token=3de90a6b-8563-4495-a6dc-e6ed921a86ec2026-02-12https://m3.material.io/components/tooltips/accessibility2026-01-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6ru5uh-02.png?alt=media&token=1a4085d9-9e8f-42d5-9aab-470093ca7dbfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6ruf33-03.png?alt=media&token=98c44750-5967-4b0e-8e26-933fd0cdcdbehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmjha0vdq-04.png?alt=media&token=4f27369d-0b43-49ff-8a0e-3b074298eefchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6ry9ry-05.png?alt=media&token=8d4b4d42-2cb4-4496-ac89-02fed5e0e0fbA cursor hovers over an icon that identifies it as a star, which remains after moving away.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm1i00uln-lwj9io0m-GM3-Components-ToolTips-Guidelines-1-v01.mp4?alt=media&token=fa4d2602-417f-40f2-b3b1-9979db691f9e2026-01-12https://m3.material.io/components/tooltips/guidelines2026-01-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6qnzgx-01.png?alt=media&token=c4796854-42a4-4c7d-9431-f4328e29d320https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6qs96y-02.png?alt=media&token=793c9573-a7f8-4a87-a6b5-a49f92a22c0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6qu5gx-03-do.png?alt=media&token=54c7e12c-059a-40ad-b68f-e4f3b1946ff6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6quvhe-04-dont.png?alt=media&token=466cc2dc-80ff-4403-8acb-f6b0d41e053dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6qx7on-05-do.png?alt=media&token=50c9d4d6-aadf-417e-a29e-81b9e1d2cc79https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6qywbu-6-dont.png?alt=media&token=c5310581-00d7-418b-bbe9-029a15177797https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6r0a08-07.png?alt=media&token=2c7ae948-db69-4d73-afbd-3825d4d0435chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6r2ci0-08-do.png?alt=media&token=2c4dcc41-7aa5-4460-8420-5c5f7ed17184https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6r3rse-09-caution.png?alt=media&token=b4c31f25-226a-484f-8620-0972b9fa0e17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmk6kierd-10.png?alt=media&token=f916eb0c-e4c2-4f9c-99ef-038b26064791https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6r9edz-11-do.png?alt=media&token=c560ef69-f81e-4510-ba45-8426d28f9236https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6ra39j-12-dont.png?alt=media&token=6ff1b6f2-1f88-4a08-8628-1f11e09ecf10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6rdax0-13-Caution.png?alt=media&token=5ac76c53-02d0-4be4-aaf5-3387d8cf6672https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6rg1hz-14.png?alt=media&token=c2d92bab-3dc6-4be2-9bac-836c1d2ada4bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6riq0z-15.png?alt=media&token=0b5c26d7-7287-4e8e-a53b-26450413f75ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6ro0ii-17-dont.png?alt=media&token=41b0681c-f04b-4767-b998-67f6b140a4cehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6rq50p-18-dont.png?alt=media&token=bd1b821d-c434-4c6d-8591-2e6ce417a95dHovering and moving from a button with a plain tooltip.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj9io0m-GM3-Components-ToolTips-Guidelines-1-v01.mp4?alt=media&token=72f5b4fc-4410-4e4b-84f2-2f601e6e41132026-01-12https://m3.material.io/components/tooltips/overview2026-01-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6q4295-01.png?alt=media&token=103d96af-908d-4764-9169-910ec6d9ad26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmjh9u4lo-02.png?alt=media&token=e4043ce7-5389-49bc-b42c-40973d0e9fbahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fme6q4dmm-03.png?alt=media&token=3e7f1900-0e76-458f-a6dd-e226fe64a633https://m3.material.io/components/tooltips/specs2026-01-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6beegk-01-3P.png?alt=media&token=bc9cfc37-50ed-4dc0-a792-31616c3b822ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6bfggt-02-3P.png?alt=media&token=77ecaad6-24fd-4b5b-83c6-31d409422518https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6bgjww-03-3P.png?alt=media&token=9c29e9c5-7681-4a6a-b926-d0120e71350ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6bgxay-04-3P.png?alt=media&token=46a4b568-3a02-4814-8411-95ef51193943https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6bi2oc-05-3P.png?alt=media&token=dbe6be0c-aca7-490d-a39f-cca377a2fbd2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6big7s-06-3P.png?alt=media&token=2a5f5dbd-2798-4a2f-9d93-f1a7f23575fahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmg6biuoq-07-3P.png?alt=media&token=0c5bd1c9-b9d9-4ee7-b940-80f5ed6189cchttps://m3.material.io/develop2024-11-27https://m3.material.io/develop/android/jetpack-compose2025-06-30https://m3.material.io/develop/android/mdc-android2025-06-30https://m3.material.io/develop/flutter2025-08-22https://m3.material.io/develop/web2025-11-03https://m3.material.io/foundations2025-03-24https://m3.material.io/foundations/adaptive-design2026-01-14https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f3lg8-01.png?alt=media&token=74d1144a-d1de-4737-ac4d-deb0916764f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f4cv1-02.png?alt=media&token=e7d3d9fa-0920-412e-851b-1eb56884dcb8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f4pej-03.png?alt=media&token=60ac81b2-8aa2-4c8e-87c7-3410dcd5415ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f6ii1-04.png?alt=media&token=d146c75a-98f0-4b8b-91f3-a90d01fdd4cahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f7z44-05.png?alt=media&token=a0e9f4e0-034e-4755-a8cc-ba790ba73b19https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6f9q87-06.png?alt=media&token=5a00d7ca-de09-48df-9255-bba308ed7c89https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmk6fannd-07.png?alt=media&token=05b42573-7e59-476c-aeef-6196195af189https://m3.material.io/foundations/building-for-all/co-design2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlav38v4-1.png?alt=media&token=3739b0eb-c02a-446e-aae5-bbf18c36213ehttps://m3.material.io/foundations/building-for-all/user-needs2026-02-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlauyj9q-1.png?alt=media&token=3af7331b-b125-4f65-b69d-79cf84f94d47https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlauzok1-2.png?alt=media&token=94c9a970-230d-44e5-ba77-93255d7ab9adhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlav017r-3.png?alt=media&token=3aadceff-f5b1-416e-8e6c-4a675dbf6c27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlav0fx6-4.png?alt=media&token=ae6748b2-9982-4985-94d4-ea241972c7c1https://m3.material.io/foundations/content-design/alt-text2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj77km2-1_do.png?alt=media&token=5d8da91e-0b52-4481-9553-127a76bfc20ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj782ss-2_don't.png?alt=media&token=384d5ff1-8b27-4ee8-be7a-a5f7e3c54373https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj79l11-3.png?alt=media&token=3846da68-3efa-4372-adf9-2bd45ea752a9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7a0ft-4_do.png?alt=media&token=2f96d201-e43d-4649-b123-6cd67734c085https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7aw71-5_don't.png?alt=media&token=afa74e9c-4798-47ac-88c5-945eb26a2b85https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flwkc2f9v-6_do.png?alt=media&token=af2aef24-360e-4a94-bb39-8f4abc38a396https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flwkc3gw3-7_don't.png?alt=media&token=94f3f105-34e7-4dad-a6d5-e500a99495e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7cw95-8_do.png?alt=media&token=03bb0011-82a3-44b6-b0c5-2bc668b17087https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7dpkq-9_don't.png?alt=media&token=a54e16ec-76fd-4c27-91bc-4e711f29569fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7ehhx-10_do.png?alt=media&token=b33f3bf7-e11e-42c7-875d-41eb4c9579b3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7f0me-11_do.png?alt=media&token=e6d18837-99bd-4348-ab91-84b4f1827bc9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7flrw-12_do.png?alt=media&token=b732f29d-5521-44ba-bd62-47775e9cb1d1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7i4ba-13_don't.png?alt=media&token=f31a3bd8-7131-450d-be00-2c8243537b4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7ik28-14_do.png?alt=media&token=15e46b26-7462-44ae-addd-c4b21b7247b1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7ixvo-15_do.png?alt=media&token=df2721d7-d6e1-484d-aaa0-bcf05584dbf3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7jdth-16_don't.png?alt=media&token=c11e5c8f-7516-4945-a131-11a10d1b93a8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7jync-17_do.png?alt=media&token=53a50c25-1c12-4fe8-9bc8-ed040a6fed9bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7kb1h-18_don't.png?alt=media&token=614e6041-104c-42bb-b7fe-882bbebf7c06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7kr95-19.png?alt=media&token=365d9d72-d471-41a8-b631-da2d2b8a5648https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2ch16f9-20.png?alt=media&token=b9137da9-a144-41d4-8740-28cfcc2896cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2ch1hb7-21_do.png?alt=media&token=bd84e22f-123c-44f2-b3b7-a8c80d8af77bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2ch1sqk-22_don't.png?alt=media&token=8d0111d7-e575-4e3c-b962-610f9abba5a4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm5v7afru-02-Editorial-Chart%20(1).png?alt=media&token=ec900819-0888-4e0c-ac18-4669a833fdbchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2kctoq6-03-Analyst-Chart.png?alt=media&token=a29ff081-bcbe-419d-9b74-9fbc45f78bb6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2kcv16w-03-Analyst-Chart-1.png?alt=media&token=8cc8ba7b-3e44-484a-8693-c932977ea5e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2kd1tma-Interactive%20Chart.png?alt=media&token=0701c47d-370e-4a36-9e14-285098b13de0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7mf38-24_do.png?alt=media&token=643620a0-982c-4ddd-a14d-d3b40399f758https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7mptb-25_don't.png?alt=media&token=7bb7ce8d-e563-45b8-89d0-b47d4581e467A tooltip labeled “star” appears when a cursor hovers over a star icon.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj7ncxm-GM3-Foundations-ContentDesign-AltText-1-v01.mp4?alt=media&token=7cf30e50-9a9e-480a-b93c-f260f45d365b2025-06-17https://m3.material.io/foundations/content-design/global-writing/overview2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo0vnn-1.png?alt=media&token=f0d791ad-d964-47f8-9d18-06edd277f436https://m3.material.io/foundations/content-design/global-writing/word-choice2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo362u-1_do.png?alt=media&token=59119125-04d2-473e-9a41-859798f114c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo41ao-2_don't.png?alt=media&token=58df821b-9db0-4490-8f56-55d57eb6fd51https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo4v88-3.png?alt=media&token=8bbd61e8-8d45-4125-a33a-047e948827d8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo5uis-4.png?alt=media&token=e3ea8daf-7f8d-4c62-9c7f-cfc5f920ee19https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo6t6b-5_do.png?alt=media&token=1d20754c-c742-4259-8d4a-f5cd4a065f77https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo82rh-6.png?alt=media&token=b72d6fc9-1d79-4cce-9876-1ab85344f6b1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuo92qu-7_do.png?alt=media&token=5f9eac8b-0fc0-4a0b-a5f8-8b6b21391902https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuoacju-8_don't.png?alt=media&token=7611a7d7-d03f-4112-a2ce-188781885865https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuobsfb-9_do.png?alt=media&token=f0e3f5ac-e9e8-4851-9659-73264a34a79ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuocbnw-10_don't.png?alt=media&token=635d9dcb-45aa-4588-b3c1-ac0ce0fb3471https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm48wnsm6-11_do.png?alt=media&token=4240e280-de1c-4f93-9a10-3ed047bf8fb9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm48wp6t5-12_don't.png?alt=media&token=af4b491a-de3c-4c6a-bc88-bbb8eb79026dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuoeiu1-13_do.png?alt=media&token=435653ba-a996-4701-a42d-ae6e5421242fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuoexnd-14_don't.png?alt=media&token=3138701a-0231-4b15-96a7-7d8a8a688e27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvuoff5i-15.png?alt=media&token=7965285d-9569-4187-a14a-3d91d781b94dhttps://m3.material.io/foundations/content-design/notifications2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53k6lt-1.png?alt=media&token=f0fb34d7-3f8a-4111-8b7f-89033fb27a28https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53kfhk-2.png?alt=media&token=9c5b4033-2c38-4e18-85aa-5390cb29b785https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53kk0k-3.png?alt=media&token=90f1d8b9-c6cc-49ed-997b-6453a0644af4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53kq5j-4.png?alt=media&token=6137b006-1c0b-4cf2-94fc-128d12daa42fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53kvqx-5.png?alt=media&token=9b0ad64e-6f95-44de-8f5e-f12cb2ba2f58https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53l2ot-6.png?alt=media&token=4f5c0fd2-4f29-4a75-a5c6-0dafff49b473https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53l86v-7.png?alt=media&token=1da7ac0b-893b-4cbf-a2b7-0dac9c458820https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53lep9-8.png?alt=media&token=74837af0-9c5a-4440-ae6a-1b31f806484ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53lk9g-9.png?alt=media&token=86ba3704-96ca-4aeb-9394-20ef722483e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53ls3l-10.png?alt=media&token=0975f21e-7522-40bb-acfb-28d8405bac9ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53lzfr-11.png?alt=media&token=ea00548e-29b5-471d-8ac2-e47206c29e54https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53m528-12.png?alt=media&token=2be76632-4674-4858-b601-29bd9d4820dfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53mcby-13.png?alt=media&token=22d82f3d-5533-472a-96cc-6407c99ca119https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53mhmr-14.png?alt=media&token=faa05f8f-9a9c-4b5f-bb79-eed427812ccbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53mqhm-15.png?alt=media&token=3e236ec8-a5a2-4629-8241-1a3afd37c40dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53mx58-16.png?alt=media&token=0b860837-dfa8-44ef-9ee6-bf98657a1617https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53n553-17.png?alt=media&token=58155094-2c32-4ec2-bddd-120f3f6697achttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53nb80-18.png?alt=media&token=67b73253-b600-4cf6-9fe6-65422e5f4582https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53nkf2-19.png?alt=media&token=8026372e-8d39-4ce0-a778-81e633c335f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53ntem-20.png?alt=media&token=bb68096c-e27f-46f3-9de3-375ab98ceba3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53nz6w-21.png?alt=media&token=9ccad6e0-2b10-4d67-85b3-91391d6d56f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw53o6jr-22.png?alt=media&token=4a6e7dfa-4d4d-445d-b0bf-46fe7d9275b8https://m3.material.io/foundations/content-design/overview2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvxen940-1p-Content%20design.png?alt=media&token=cff0a0a4-c060-46ee-9c61-6b2a01ae0b53https://m3.material.io/foundations/content-design/style-guide/grammar-and-punctuation2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1bx75-1_do.png?alt=media&token=49473808-3f5e-4f13-9e4b-68acf3e173d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1cb1g-2_don't.png?alt=media&token=91961273-1401-4a9a-bcbb-d11929dbca96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1cv3h-3_do.png?alt=media&token=14b84237-7b1f-4c62-9694-48d80ed1453dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1dc07-4_don't.png?alt=media&token=e292423d-dd45-4f49-a4fc-478476ce62d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1dyhn-5_do.png?alt=media&token=c50f89f2-bea5-47a7-bdca-26f95f2c5ca4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1ed7j-6_don't.png?alt=media&token=9b5a0ba0-8e27-445c-9ff6-23fe8b329b4chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8oz05jn-21.png?alt=media&token=9b1c6786-ebd5-42ae-854c-d788d5f790e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8oz1etk-22.png?alt=media&token=ca82f651-b87d-4974-aee6-b025e80b05edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1foj4-7.png?alt=media&token=3ce33d02-1561-43d7-89ff-4006ce22cd9ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1gcch-8_do.png?alt=media&token=462e9bee-5331-418c-b6db-2a451a4aaa4chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1gqon-9_don't.png?alt=media&token=a9a0970f-f7d2-48a5-b28c-9fe00de5b8a5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw6vvbq3-10.png?alt=media&token=b59241c5-1bd2-42ca-b81f-8132491ee58ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flw6vvnys-11.png?alt=media&token=3dcb8673-f961-4959-89ee-7cbdef285fb5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1iyrb-12_do.png?alt=media&token=72acc438-cbae-4c33-9c45-fc10594fdd72https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1jbk8-13_don't.png?alt=media&token=bdaaf3c1-458f-4945-81cb-d564cf903bdchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1k4wr-14_do.png?alt=media&token=5cb67d6a-698b-4a69-a830-ee53e9073126https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw1kjxl-15_don't.png?alt=media&token=bf9223a5-7753-4ca4-aa5f-9c1ceda9335chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm0ph4v50-16.png?alt=media&token=96c18f15-6c2b-4c6c-bd82-02b7fcd1d378https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4iwaqly-17.png?alt=media&token=ae999d46-e26e-4051-8520-57358886e669https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4iwaxan-18.png?alt=media&token=3eb72879-e0d3-48c7-babd-eca420b26a58https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4iwb45j-19.png?alt=media&token=72b391e9-83c7-49e7-9aee-c95440e92009https://m3.material.io/foundations/content-design/style-guide/ux-writing-best-practices2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0frl1-1_do.png?alt=media&token=fd980a50-2317-4d04-9c5e-edc4ec3b3ac9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0g6jb-2_don't.png?alt=media&token=19fd1b16-a8ba-48d9-8f93-65784477a8a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0gqx5-3.png?alt=media&token=143261b0-d6e9-413f-bfe8-a84897a2a764https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0hrme-4_do.png?alt=media&token=b558696c-198b-49f7-a82e-a07be8c4d4e3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0i4xj-5_don't.png?alt=media&token=eb1102dc-9681-481a-82f6-d437960d87f9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0j9q3-6_do.png?alt=media&token=0bcd700a-5234-48c1-9c4d-bbfb26f20012https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0jnlb-7_don't.png?alt=media&token=47375e5f-03fb-42a9-982b-93472c06b359https://m3.material.io/foundations/content-design/style-guide/word-choice2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0sjq7-2_do.png?alt=media&token=13fc6d8e-55a8-4898-ab44-217d9f020378https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0syqf-3_don't.png?alt=media&token=78c69643-4223-4472-adb2-f54ecd4a6400https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0u3xh-4_do.png?alt=media&token=7b64a118-f24c-4794-8d22-b40b66f129f6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0ulcc-5_don't.png?alt=media&token=b376455f-e152-45ae-a835-03d3abb951a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0v2kh-6_don't.png?alt=media&token=ea6ca8e5-3d2f-4fe6-8c07-c89c5c64950ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0vkq4-7_don't.png?alt=media&token=b8d52b0b-ff81-4bed-abd5-b07a86c6ff00https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0w6qo-8_do.png?alt=media&token=a70e73db-071d-467b-acd7-5056bb1e6698https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flvw0wp6c-9.png?alt=media&token=c189ddff-0ce6-4b2e-8cda-6f765a3aa16fhttps://m3.material.io/foundations/customization2025-01-07https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkufh2yi0-3p-brand-hero.png?alt=media&token=4dda1819-bf06-4c5a-8dc4-dd83c05ef6f9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkuob4wl9-m3_Color-hiRes.gif?alt=media&token=1cd5b57b-ab91-4dca-9fe9-43011d9f2cdehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkufholeg-3p-brand_using-dynamic.png?alt=media&token=0861098c-24ec-4c53-be0b-5c11bbc572cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkufi1pz4-3p-brand_Material-theme-builder.png?alt=media&token=77f5a522-d7ce-4bff-9626-2da427e28f7ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkufimufa-3p-brand_custom.png?alt=media&token=c7d79eca-5240-49f5-a6ab-fece2e065074https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkufivgty-3p-brand_color-mapping.png?alt=media&token=0e59e0ca-f5b1-4bdf-ad17-42382f54d227https://m3.material.io/foundations/design-tokens/how-to-use-tokens2025-11-27https://m3.material.io/foundations/design-tokens/overview2025-11-27https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmihjfljt-tokens-overview-01-3P.png?alt=media&token=a794c15b-0ab7-4225-ac0b-60d8b34cb80ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2bj1kfh-tokens-what-are-tokens.png?alt=media&token=0133a78f-7994-43a9-b66a-03c5f367391dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2bj3fdz-tokens-what-are-tokens-2.png?alt=media&token=19408e58-fec8-487d-9a8e-7f2aa626ed2ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fkudi7oge-kpzr9qtu-tokens-why-importan%20(1).gif?alt=media&token=142f8c9b-0d26-48b6-a660-800be473b1afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2bj3wia-tokens-ref.png?alt=media&token=6cc21d48-b13c-4b57-81dd-e1685467f514https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7ufbh-token-tables_1.png?alt=media&token=d1b933f1-6ae9-4476-80f4-acb1c279179dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7upc5-token-tables_2.png?alt=media&token=99ddd218-ef8d-48f0-b5e5-64615b38971fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2jdnd1z-Using-token-tables.png?alt=media&token=a8b308b5-cda7-4c42-bba3-6b3c824663c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4mwzkye-tokens-naming-convention.png?alt=media&token=82e4ca08-276e-4c3e-a617-6a2ed2255292https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7vmvv-tokens-types.png?alt=media&token=3410f8c8-74ca-4efe-9e99-7594befdcca5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7whio-tokens-ref.png?alt=media&token=500d9576-5009-488e-be5c-172669896933https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7wqsm-tokens-sys.png?alt=media&token=84883ac7-1c2a-4e29-8b01-cbf95f068e68https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7xj0c-tokens-comp.png?alt=media&token=fdaf6e1f-3f81-47bd-a5c4-a55832493fe9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm2a7xyeq-tokens-contexs.png?alt=media&token=58caa03a-f74c-4e47-9482-9a9a4779c82ahttps://m3.material.io/foundations/designing/color-contrast2025-10-08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0quwwby-1.png?alt=media&token=f5750025-ccb3-4916-8d4d-6136a6ced9e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qux0kv-2.png?alt=media&token=6e7cd553-db88-44c9-8f4e-edf7e43c5328https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qux3pf-3.png?alt=media&token=11307ebf-9f24-49b2-9667-b4db411ed819https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qux82l-4.png?alt=media&token=582f5c7a-5e7f-4f79-9e8d-bc5f091be371https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3vo5t-5.png?alt=media&token=6437d00b-724d-4823-9377-9421334c5d6ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3vxr1-6.png?alt=media&token=c6dff750-9b13-4117-bafb-59dfc3198736https://m3.material.io/foundations/designing/elements2025-10-08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5r5d64m-9%20(1).png?alt=media&token=1dba85e2-6cc0-4d57-b63f-63de0da2c708https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5r5dvfi-10%20(1).png?alt=media&token=8b8ea120-72d0-4eec-9c95-24c19b76edc1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj47jj9-11.png?alt=media&token=3a943687-0a16-42c7-9c58-612febe88641https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm5r5epn6-12.png?alt=media&token=95690b3d-3cd2-4355-aaa6-10bee0a06677https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwkb4332-13.png?alt=media&token=1bc56ada-bfa2-4d87-9f79-9a97e1895d0fhttps://m3.material.io/foundations/designing/flow2025-10-08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qvgj8o-5.png?alt=media&token=dabd6a95-ac7c-4bba-bbc0-c348916035b8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj43qm4-6.png?alt=media&token=a3d35c37-a97f-4262-8451-6bfc922a671chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj441r3-7.png?alt=media&token=ad672a23-24bb-45b6-b2f2-633553c3a1c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj44h3h-8.png?alt=media&token=d1d4349e-09f9-4ee5-ad33-143a7d576537https://m3.material.io/foundations/designing/overview2025-10-08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3q0f4-1.png?alt=media&token=a37bea3d-6f1d-4f44-bd40-37433f843681https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3qgpa-12.png?alt=media&token=c1a60c5e-df52-4743-ae61-26db3a690601https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3qva4-13.png?alt=media&token=f5d055ea-4af3-47f2-b0bf-aa5da473b342https://m3.material.io/foundations/designing/structure2025-10-08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3y443-1.png?alt=media&token=ca884e93-667e-4daf-bba9-50c94e16f4dahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3ys8l-2.png?alt=media&token=c6967605-6ffd-4bfa-8e43-8aee74b6c589https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3z6py-3.png?alt=media&token=584580d1-66d5-4100-8ce6-39f94f60751chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj3znk9-4.png?alt=media&token=ce4c0c6b-62a0-45e8-9480-62c8912bdde0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj401i4-2.png?alt=media&token=88af57b6-03f7-47bf-aea4-3c91b7fbd121https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qv75bo-3-3p.png?alt=media&token=f8ec812a-ebd0-4d8f-8aa3-f81b7ed2e736https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qv7adh-5.png?alt=media&token=fa7b0249-32ad-4472-afc1-6e5a3be8e7f9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qv7efk-6.png?alt=media&token=eee1f6f5-9c0a-46de-af8d-0ef5be1b8bd8https://m3.material.io/foundations/glossary2025-09-26https://m3.material.io/foundations/interaction/gestures2026-01-09Mobile UI shows a tap on the 1st of 3 news cards. The card opens to show the full article.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1faal8-1P-Tap%202_NewSize.mp4?alt=media&token=1e06a816-015e-4f61-a574-fbdb11bbd0de2026-01-07Mobile UI shows a double tap on a floral photo. The image expands to fill the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fboct-1P%20-%20Double%20tap_NewSize.mp4?alt=media&token=a137fb64-5c39-4881-8052-805a529b402f2026-01-07A long press on an email reveals a selection checkmark and a container color change.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fdbcl-1P-Long%20press_NewSize.mp4?alt=media&token=c8624dcf-0020-412f-a18a-42d4cc975c232026-01-07Scrolling a feed.Scrolling up and down in a photo feed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fely6-1P%20-%20Scroll_NewSize.mp4?alt=media&token=84fade67-e1d5-4688-8bc0-b18a4dd72e322026-01-07A swipe right on an email reveals a favorites icon.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1ffjk8-1P%20-%20Swipe_NewSize.mp4?alt=media&token=57af395a-c306-40c7-84c9-930559f89d092026-01-07Back swipe on a bottom sheet takes s person back to the previous screen of a photo feed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fhayy-BottomSheet_NewSize.mp4?alt=media&token=6a829f0d-482f-4254-8af0-2ea53a3efe672026-01-07A person drags the second email in a mobile inbox to the third position and back to the second position.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fj7qz-1P-Drag%202_NewSize.mp4?alt=media&token=5e2f57a3-2536-4c54-8bb0-00fec5235ef32026-01-07Picking up and moving a calendar event to a new time.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fk8sj-1P-Pick%20up%20and%20move_NewSize.mp4?alt=media&token=3062d6bc-f62a-4e25-a0e4-d7a91f0421862026-01-07Dragging two points apart opens photo to full screen, dragging them towards each other collapses the photo.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fl32l-1P%20-%20Pinch%202_NewSize.mp4?alt=media&token=1c362a8f-ef9a-49c6-84fe-1e6bdc55b2042026-01-07Pan gesture moves map, then pinch gesture is used to zoom out then in.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flx1fm10s-1P%20-%20Compound_NewSize.mp4?alt=media&token=4462b3d6-eac5-4695-80a6-0bcce045261b2026-01-07https://m3.material.io/foundations/interaction/inputs2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvoasbb-1.png?alt=media&token=2706b8e6-4f43-4a00-9f8c-313bf1ca33d1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4781mpt-2.png?alt=media&token=4b1a2542-90ca-4586-b809-6c20fa5aa034https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvoce8y-3.png?alt=media&token=858a71ae-a1ab-403a-adb6-074566f3b0b0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvocxli-4.png?alt=media&token=fe5784ee-f092-40d6-9c96-4b3b6e1b4a10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm47884lw-Frame%201321316889.png?alt=media&token=27bba76e-597c-41ac-9446-7e9bafa37f3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvoetuu-6.png?alt=media&token=a1d1943b-8906-4e9f-96bd-e23ba631d331https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvofwmm-7.png?alt=media&token=c01eebb6-93d7-4e40-8156-947c480b8840https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm478zll6-8.png?alt=media&token=985719f0-888f-41a6-a5c9-23b21091f793https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvogkod-8.png?alt=media&token=d6119250-af14-4742-b20d-8f562a50274dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4793i0f-8%20(1).png?alt=media&token=b94e8e6f-b790-4812-9d82-c66d70716ba5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4798kwo-9.png?alt=media&token=c20ead4b-ac39-45c4-bc73-552fdd5d165ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm479c91z-12%20(1).png?alt=media&token=9f6f5be4-8571-4cab-a135-962387634d1dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm48p2zdz-13%20(2).png?alt=media&token=6efd6004-66c4-4c60-995c-8dc26a01a4a8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm48p38qk-14%20(2).png?alt=media&token=3b6e4428-9260-4953-8261-9136214a9809https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm48p68lr-12%20(2).png?alt=media&token=94399daa-4563-4402-9729-3fe0b3becaa0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0b7vzhy-19.png?alt=media&token=7ae7282f-1e8d-4ce9-9fd5-7423bcf4e498https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0b7w8fa-20.png?alt=media&token=51ece2e1-122e-45bc-9c5d-7ddf5a72ba7dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0b7yvt7-23.png?alt=media&token=0461477f-c0fb-48d3-b29b-fd0a463524c3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0b7zlqx-24.png?alt=media&token=ebdbbf64-30b6-48f0-9195-7278153eb547Stationary cursor over a scrolling field controlled by a mouse wheel or trackpad.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyimd28-GM3-Foundations-Interaction-Inputs-Guidelines-1-v01.mp4?alt=media&token=e453e95b-714b-40bf-a625-b56df2ddc7e82025-05-29Animation of a swipe gesture to scroll the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyinkvl-GM3-Foundations-Interaction-Inputs-Guidelines-2-1-v01.mp4?alt=media&token=89770d63-2edd-41d8-b685-6800b9b782422025-05-29Animation showing a dragging gesture with a mouse to select text and image.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyioh3s-GM3-Foundations-Interaction-Inputs-Guidelines-2-2-v01.mp4?alt=media&token=4d672035-b6d3-4b9a-8b44-8bfce0704b5e2025-05-29A news feed of horizontally scrolling cards.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyipb8r-GM3-Foundations-Interaction-Inputs-Guidelines-3-v01.mp4?alt=media&token=a8764711-9075-4402-854c-846901d78f122025-05-29A message being typed into a chat, and sent using the Enter key.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyiq9rm-GM3-Foundations-Interaction-Inputs-Guidelines-4-v01.mp4?alt=media&token=75c7d071-fac7-4a86-a05c-94e4cc01b20c2025-05-29A video being paused and resumed by pressing the Spacebar. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyirw27-GM3-Foundations-Interaction-Inputs-Guidelines-5-v01.mp4?alt=media&token=2fffdde8-09e9-4295-8d58-c267d2dda7b22025-05-29Escape key dismisses menu.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmb9r9yci-G_Foundations_Interaction%2BInputs_1_IA_v04%20(1).mp4?alt=media&token=e874ca18-ce94-4a97-9b69-40ebba6348fd2025-05-29Escape key removes focus indicator from icon.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmb9rakzb-G_Foundations_Interaction%2BInputs_2_IA_v02%20(1).mp4?alt=media&token=3b6d50da-6e7b-4848-a09f-cd36e054f1bf2025-05-29Escape key dismisses text cursor and leaves text itself unchanged.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmb9rbhsj-G_Foundations_Interaction%2BInputs_3%20_IA_v02%20(1).mp4?alt=media&token=b625aabb-99e8-4ef2-ac78-684da460843f2025-05-29https://m3.material.io/foundations/interaction/selection2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm1qhf1tb-1.png?alt=media&token=f7a2e8d1-09f7-4b98-acfb-ee5b4536933bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvowprh-2.png?alt=media&token=92cf2e82-6fc5-4fd0-a0a3-815191a386caTouch used to select 3 list items one after another.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvoyebi-GM3-Foundations-Interaction-Selection-Guidelines-1-v01.mp4?alt=media&token=eb2d8921-e73a-478e-86b6-5e1746ee1bbd2025-08-05List items are tapped to select and unselect them.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvozn9v-GM3-Foundations-Interaction-Selection-Guidelines-2-v02.mp4?alt=media&token=ab793705-f19c-433b-a4e7-4c704da834722025-08-05Long press and drag used to select multiple images in a photo feed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvp1iai-GM3-Foundations-Interaction-Selection-Guidelines-3-v01.mp4?alt=media&token=1a162faa-149c-43cb-8090-c7f82fd8b0f32025-08-05Long press and drag combination used to move cards, but can’t be used to batch select items while in use.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwvp2p5n-GM3-Foundations-Interaction-Selection-Guidelines-4-v01.mp4?alt=media&token=e8d1ecf7-eca4-4ab4-9fc3-23f058fa2d112025-08-05Checkboxes being selected and unselected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0b935j3-GM3-Foundations-Interaction-Selection-Guidelines-5-v01.mp4?alt=media&token=bbf13d5d-dc81-47e5-a81c-9d4a3ceb41922025-08-05https://m3.material.io/foundations/interaction/states/applying-states2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qpw4a-1.png?alt=media&token=0bec13e6-8bd8-4dc3-9439-6e9d9ff68b4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qrzig-2.png?alt=media&token=fc37d2ef-40ff-4d49-9c55-d1c580dae532https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qtg0r-3.png?alt=media&token=469e37f6-f896-42c0-8d8a-2024ad74a6eehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2quyuj-4.png?alt=media&token=3366711f-aafa-4b7e-ab99-1a0f6c67378ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyml0ix7-6.png?alt=media&token=c6c1365d-7e53-471d-a1e4-8babbf37b298https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2vwc74-7.png?alt=media&token=728c0b8a-43b5-49a2-8640-a0c368d2e966https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2vxl8i-8.png?alt=media&token=4f810fc7-a579-445c-a178-ebc7a19caeb2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2vymng-9.png?alt=media&token=5cf648b1-7239-43fd-a65f-9198fd11f289https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wa79s-13.png?alt=media&token=7bf4ddd9-516f-4ab7-b20e-e19ab3a26cddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wb5y9-14.png?alt=media&token=292090a2-1e6f-4e36-84ba-5ebafeb0e3afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wctgk-15.png?alt=media&token=871fc6c8-7cf7-48d9-aed1-4f876be97c67https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wdmfh-16.png?alt=media&token=68221847-c082-4963-8058-4e75a9c38465https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wf3qd-17.png?alt=media&token=67048848-6bba-4299-9dfd-3b5fe3c753echttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfolqn12-3p_activated_1.png?alt=media&token=2db1c6af-1682-476e-8a49-7ca93e7b6330https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfolsseo-3p_activated_2.png?alt=media&token=44703c08-3bcd-4475-868f-8902f0aad1a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfolueb4-3p_activated_3.png?alt=media&token=362222a2-ad95-4eae-9334-46c37c281508https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfom7o2z-3p_activated_behavior_2.png?alt=media&token=d2028996-ef61-4df6-88f9-a054032e34edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfomaa0z-3p_activated_behavior_2x_3.png?alt=media&token=3477507b-fd06-406b-8721-c3540983f949https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wj03t-25.png?alt=media&token=776a2614-2e05-4545-96d3-a6bc53947375https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wk46q-26.png?alt=media&token=b1e55cc3-9ee8-44b0-8722-0a4a23636069https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wl23l-27.png?alt=media&token=b2dff0e0-1bf2-47fb-a689-040b778ffcf1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wo5k7-28.png?alt=media&token=93cc4266-18d2-497d-a0d9-55a73988142fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wu37e-32.png?alt=media&token=fefabf35-2cb5-4fdd-b0bb-4cee4442d148https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wv77r-33.png?alt=media&token=a3ace83a-7173-47cb-9fc2-60646fe0dd47https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2ww2lq-34.png?alt=media&token=33a7d3f2-493d-4137-a038-289ddac5488cA cursor moves over and clicks on an disabled/inoperable button and the button doesn’t change.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2vtf7p-GM3-Foundations-Interaction-States-DisabledBehavior-v01.mp4?alt=media&token=929e0dbc-d1ff-4268-8c6a-d41e1a476f0e2025-08-05Button’s text“Enabled” changes to“Hovered” when cursor moves over the button.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2w0utg-GM3-Foundations-Interaction-States-HoverBehavior-1-v01.mp4?alt=media&token=d62f89ca-33da-4b39-97a9-f766f45ba4322025-08-05Filter chip text matches state as it's unselected, hovered, and selected by a cursor.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2w4tl9-GM3-Foundations-Interaction-States-HoverBehavior-2-v01.mp4?alt=media&token=e749787c-d5e7-4820-bab3-31b445b903022025-08-05Hover state moves from one card to another with cursor movement. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2w8zl5-GM3-Foundations-Interaction-States-HoverBehavior-3-v01.mp4?alt=media&token=e1229bd4-baf1-44c7-9f68-3f0f56c1afb72025-08-05Cursor moving from one card in focus state to another card moves the focus state to the second card. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2whda4-GM3-Foundations-Interaction-States-FocusedBehavior-v01.mp4?alt=media&token=7154f56e-a56d-423e-8de2-fea1290c9ef42025-08-05A cursor hovers over unselected button in a hovered state. On a click it switches to active state.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flfom53fi-3P-activated%20behavior.mp4?alt=media&token=4b2f5111-e74c-482a-b79c-ba2d5db457ab2025-08-05Enabled state activated to pressed state.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wqo0t-GM3-Foundations-Interaction-States-PressedBehavior-1-v01.mp4?alt=media&token=878dc910-8f6c-4cb6-bfdb-3fb88a2ee40a2025-08-05Hovered state activated to a pressed state.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wrufa-GM3-Foundations-Interaction-States-PressedBehavior-2-v01.mp4?alt=media&token=37adbaa0-9c13-4684-90fe-ed200d7f90132025-08-05Pressed state on one card at a time.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wt4k8-GM3-Foundations-Interaction-States-PressedBehavior-3-v01.mp4?alt=media&token=6f49e3db-4639-4ed8-8556-54a86ee743c42025-08-05Going through the states of a draggable list item: enabled, hovered, dragged.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wxglg-GM3-Foundations-Interaction-States-DraggedBehavior-1-v01.mp4?alt=media&token=1a50ed48-7d69-4df1-b0d2-37034ad3431b2025-08-05Cursor dragging cards one at a time.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2wyr5e-GM3-Foundations-Interaction-States-DraggedBehavior-2-v01.mp4?alt=media&token=6ea2d536-318a-4749-9233-52eefb9baab52025-08-05https://m3.material.io/foundations/interaction/states/overview2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n4rwz-1p-Enabled%20button.png?alt=media&token=d51bf56c-de76-4d8c-bcb7-29ef54bf1dd8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n5ghx-1p-Disabled%20button.png?alt=media&token=29088245-b4e1-4c89-8be5-2bd64aafca55https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2ndeib-1p-Hovered%20button.png?alt=media&token=82061a85-c778-492f-9faf-93ed72a377bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2negg3-1p-Focused%20button.png?alt=media&token=fd25e436-79cc-46fc-97f6-f0bc86545c5ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qd3dz-1p-Pressed%20button.png?alt=media&token=dbcd674e-5bb0-4176-8362-e3451b8d538bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qdrga-1p-Dragged%20chip.png?alt=media&token=84e211bb-d118-44c7-b4d9-cb4b86e9f884https://m3.material.io/foundations/interaction/states/state-layers2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qh1yi-1p_State%20Layers_1.png?alt=media&token=40e0a636-b5f9-4547-a0ad-90cccc333d70https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qhye4-1p_State%20Layers_2.png?alt=media&token=772b1316-6175-4fb3-bae0-d523c06b125bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qisol-1p_on_colors.png?alt=media&token=8c883e0d-7010-4c6e-8a25-fc4aa4d92370https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2qnx2g-1p_state_layer_tokens%26value.png?alt=media&token=bf0becab-a73a-4693-bd6b-bd89c858de30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flfrg32kk-1p_Activated.png?alt=media&token=d0fe8b48-f43f-4af2-b466-0c87ca0da817https://m3.material.io/foundations/layout/applying-layout/compact2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly7219l1-1.png?alt=media&token=67ff316b-7515-4e9f-9971-4e580290b1f2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly7232az-2.png?alt=media&token=c709f69b-6a72-4386-9e72-d89aae7201e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72dewk-4.png?alt=media&token=13801e5b-89c9-4026-9b18-13b2335479a5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72ec8x-5.png?alt=media&token=58e992b0-b18c-4192-bd18-f2ba1305dcfdhttps://m3.material.io/foundations/layout/applying-layout/expanded2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly73sadr-1.png?alt=media&token=96e86f92-c696-4404-bced-fa17c2e8f4cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly73tbp5-2.png?alt=media&token=b9070ba9-fba8-4410-b78e-1aeff83e3a16https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly73ubc7-3.png?alt=media&token=842d6b15-3130-4cad-bb73-4c83e35c5ea3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly745kox-6.png?alt=media&token=a16b033a-aa1e-441d-81aa-3c4b48ca200fThe vertical navigation area is on the left of the screen. To its right are 2 body panes separated by a vertical margin.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly73x74y-GM3-Styles-Foundations-Layout-ApplyingLayout-1-v01.mp4?alt=media&token=21f925b6-2cfc-4a26-93c0-4c143dcb1d032025-07-24A nav rail and a pane fill 50% of the window. A second pane fills the remaining 50%.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly7433ph-GM3-Styles-Foundations-Layout-ApplyingLayout-2-v01.mp4?alt=media&token=f27f268f-da21-4fe3-8f28-a877d405f25b2025-07-24Two paned layout of an email app in an expanded window class layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbtoan3m-GM3_Applaying%20Layout_Expanded_07_IA_v01.mp4?alt=media&token=51f5a01c-228f-433f-89cb-d40589d1c6842025-07-24https://m3.material.io/foundations/layout/applying-layout/large-extra-large2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly749cio-1.png?alt=media&token=88f87a65-e036-40ed-8a96-05bf7a12c488https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74aatt-2.png?alt=media&token=a147a272-6ee9-4994-9b65-5b2a2c1bd1a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74b2re-3.png?alt=media&token=0a220cf7-f2bc-452b-aa06-90b838106174https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74c4tp-4.png?alt=media&token=e14a0337-7ff5-48de-b841-be54a6cd8fb6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74d4wj-5.png?alt=media&token=831e5ba0-9e7a-4f54-820b-2d81639498e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74dvj8-6.png?alt=media&token=652fc4c9-4a5a-4d99-b8ac-ba7679683998https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74fmxy-7.png?alt=media&token=9813a79a-2135-43ad-8b3b-c0009f15993chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74h1q7-8.png?alt=media&token=b680f393-3138-4110-8e53-a447f4e2f2bchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly74holg-9.png?alt=media&token=4225d9ca-e76d-47da-8d6c-6cbc6a0e9ae7https://m3.material.io/foundations/layout/applying-layout/medium2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72i40z-1.png?alt=media&token=4bdfcb24-0554-41d4-9f11-5d7562ba718bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72kx2v-2.png?alt=media&token=806232ea-3654-4567-b74c-d8e7b3447fafhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72m904-3.png?alt=media&token=10efda2d-5586-4e82-9de5-6a2af0e8fc81https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72o7s8-1p-Diagram%20medium%20double%20pane-2x.png?alt=media&token=bf73c686-a43f-4558-a957-b488ee494ea5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72pggb-4.png?alt=media&token=8ef3fdf0-c00b-4e04-9411-80ed7482ff23https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72vvqs-5.png?alt=media&token=6303a052-8495-475e-acdd-b02b859e8d9bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72wumu-6.png?alt=media&token=6db9fe67-ad21-4a5b-839c-b4e9acebdc10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72ymi7-7.png?alt=media&token=f40dca6d-698a-454d-9065-7efd48d24a30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly72zkyg-8.png?alt=media&token=47bed2de-554b-44f9-82ea-f5e7fb77a413https://m3.material.io/foundations/layout/applying-layout/pane-layouts2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma5voed1-fixed%20and%20flexible%2004.png?alt=media&token=4601d701-d9c4-4db3-9792-bbefe3a9ea1chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v0ho4o-co-planar%20permanent%2005.png?alt=media&token=eb838af6-24b7-4b3e-8314-14f1e4be0a6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma5vnqur-07.png?alt=media&token=bd2edd4e-f4cf-41ee-92da-93f46f99000bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaff1r0w-07.png?alt=media&token=f2659177-0580-4bc5-b27e-3b89f46006behttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma5vp0c0-08.png?alt=media&token=c4a48849-e18a-4a36-980b-65e52c9cce86https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fma5vphw1-09.png?alt=media&token=12746b20-3bab-46ee-875e-3d32ac313438https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaff2riw-10.png?alt=media&token=0d2c02ba-ed6a-4893-a032-30de46c1608ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v050d5-01.png?alt=media&token=a0af51f6-03d1-444d-becd-f5687f0defaahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v093cw-02.png?alt=media&token=d20ad2c0-b5c4-4fa2-836d-a73ba350b68fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v07ctn-03.png?alt=media&token=3f437e8e-3234-4fa2-8aed-eb4c1f33e3c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v5rz5q-21.png?alt=media&token=2cabadca-49e5-4e95-ab16-a49a66402bf4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9v5trib-22.png?alt=media&token=2926876a-ea5a-4c73-acdc-e75fa86f38cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4gz72a7-Frame%201321317413.png?alt=media&token=c651c612-b770-4ee0-9d03-ca287949bb96Right pane with a close button being dismissed. The left pane fills the available space.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmafer8ml-GM3_Applying%20Layouts_Co-planar%20semi-permanent%2006_IA_v01.mp4?alt=media&token=a41a1ec6-51b6-40a1-862d-8788576749452025-07-24A drag handle is used to collapse a two pane layout into a single-pane layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbto512l-GM3_Applaying%20Layout_Understanding_Part_09_IA_v01.mp4?alt=media&token=ea6edee9-014e-4615-9d77-bb7cca5245ca2025-07-24A drag handle adjusts the panes to common custom widths.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbto5g6k-XGM3_Applaying%20Layout_Understanding_Part_10_IA_v01.mp4?alt=media&token=6f7be06b-9ce0-4c21-babb-12a565bdec0c2025-07-24Resizing the panes and then resetting the app preserves the set width.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbto7h36-GM3_Applaying%20Layout_Understanding_Part_11_IA_v01.mp4?alt=media&token=68ca5a65-b3fd-4596-8fc2-66ab1ce0bc712025-07-24Resizing the panes and then rotating a tablet back and forth preserves the set width.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbto848c-GM3_Applaying%20Layout_Understanding_Part_12_IA_v02.mp4?alt=media&token=afceb80f-4a3e-41b6-bf59-71e3f78716a52025-07-24Resizing the panes and then closing the second pane resets the set width when expanded again.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmbto8xb2-GM3_Applaying%20Layout_Understanding_Part_13_IA_v01.mp4?alt=media&token=4f6ca742-0a18-4980-9c57-5bc0435876bc2025-07-24Layouts with temporary resizing reset any custom widths to the default.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx28ijn-GM3-Styles-Foundations-Layout-UnderstandingLayout-Parts-6-v02.mp4?alt=media&token=5d236c61-4211-4e94-b0cb-fcbd3d840ee82025-07-24One pane animates off-screen when the device changes orientationhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4gxzby5-HIDE.mp4?alt=media&token=d2b0d191-3f2c-42fa-b0d7-ae508e75ae942025-07-24One pane floats on top of the other when the device changes orientationhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4gy2da5-LEVITATE.mp4?alt=media&token=6e252f6a-9a79-4b25-be38-5e8471c8162d2025-07-24A docked pane on mobile turning into a floating pane on desktop.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmaffx2sd-GM3_Applying%20Layouts_Understanding_Parts_Bottom%20Sheet%20to%20Floating%20Pane_19_IA_v01.mp4?alt=media&token=11211053-dabb-42fc-b729-dd8997d9dd042025-07-24A docked pane on the lower half of the screen changes to a co-planar pane in large screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmafg07f6-GM3_Applying%20Layouts_Understanding_Parts_Bottom%20Sheet%20to%20Co-planar%20Pane_20_IA_v01.mp4?alt=media&token=5fcac36f-2fd4-4045-a463-60c277388b8c2025-07-24A supporting pane changes orientation and location as the screen changes orientation. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmafg3xnx-GM3_Applying%20Layouts_Understanding_Parts_Reflow_23_IA_v01.mp4?alt=media&token=0b8b452c-04f5-4f02-b560-5b54239ab9702025-07-24A supporting pane on the right side of a large horizontal screen moves to the bottom of a vertical small screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmafg5fbc-GM3_Applying%20Layouts_Understanding_Parts_Reflow%20wsc%20Change%2024_%20IA_v01.mp4?alt=media&token=7bcdfcd1-bdcd-4f35-a377-a40c6166c51b2025-07-24https://m3.material.io/foundations/layout/applying-layout/window-size-classes2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly6ugnwf-1.png?alt=media&token=da44385c-ea57-40d1-ac07-6ea0f30c1aechttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly6xa74l-2.png?alt=media&token=288695d6-abbe-46b9-8df5-c0957a34498dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly6xj4j0-1.png?alt=media&token=300fabc7-9e70-403e-9790-41136b7ad041https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly6xkbsd-2.png?alt=media&token=8da2de01-6e6e-494c-be33-562da2ad1e1ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly7194ak-3.png?alt=media&token=c1474800-3202-4168-9623-869d10314063https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71aw97-4.png?alt=media&token=77d3b571-bbad-48e5-8b99-3b79a8f11cf0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71dals-5.png?alt=media&token=48dda4cf-3fc5-49eb-be8b-ba25ca82bd0chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalmeyoj-6.png?alt=media&token=17c46378-6319-472c-994a-142c8fc3cc81https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71gbju-7.png?alt=media&token=65bfa59d-7ca2-4fc3-830d-10ea091ed828https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71orzy-8.png?alt=media&token=caa36f3b-c04b-4f9a-b81a-287dd849c17fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71qdlt-1.png?alt=media&token=6bf00ce8-7398-4a34-bda8-c72d4eb648cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71rl3v-2.png?alt=media&token=e6da0bad-d583-4b26-9e44-a962fdcf07d4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71sd6m-3.png?alt=media&token=7b136bb8-cb5d-4ab2-809f-2d7baf241717https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmalmk5g0-4.png?alt=media&token=60afb8a4-e74d-4558-a64d-9858a9c20ad3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmalmo6nt-5.png?alt=media&token=32fdff3b-1ae6-4aca-9587-8a1412bbe701https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly71u6me-6.png?alt=media&token=afb0a2ca-82de-400c-8472-dac35786bb3ahttps://m3.material.io/foundations/layout/canonical-layouts/feed2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydmkqj-1.png?alt=media&token=77c3c746-4fc8-4725-a343-17c7f2b0072dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydny00-2.png?alt=media&token=a70edcf6-4a1e-4b88-9a45-f43c34a6bf75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydoo2v-3.png?alt=media&token=e2a74a4f-624f-4506-829c-e04c9bb0fcdahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydpeoi-4.png?alt=media&token=18ea64f6-5ee3-4904-bfe0-2c20fe73db83https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydqtn2-5.png?alt=media&token=ec5ceb39-4c21-4572-8a4c-16531d9c8742https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydtfa9-6.png?alt=media&token=29871b84-7a76-40e4-8c81-10e33b37f4bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydueo2-7.png?alt=media&token=43a01e2a-1d56-4d9b-870d-61823e01517ahttps://m3.material.io/foundations/layout/canonical-layouts/list-detail2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxye03l6-1.png?alt=media&token=2e8b59dc-2e41-4147-9fe0-640a4e04651fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxye1vad-2.png?alt=media&token=aee278d7-9838-4779-b585-9646dbd4f5f9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxye2xeh-3.png?alt=media&token=4b687afc-aa4b-4802-825b-5bee568e0801https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxye4k9e-4.png?alt=media&token=27b207c4-e0fd-4fec-83f7-cf0742d7451chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxygqujc-5.png?alt=media&token=18a4bae5-6e67-4b37-bfff-85c49507e298https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxygruxu-6.png?alt=media&token=d4c8f911-ecc1-4c60-850d-1c45ab780c65https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxygtbb1-7.png?alt=media&token=2dafae6a-5fa5-4ec4-a25c-3cbd582dd62ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxygv3fn-8.png?alt=media&token=c7e6d4e6-dfdc-4075-81b1-95517c08f3b6Device rotating from landscape to portrait mode, reducing layout panes from 2 to 1.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxygxf8i-Canonical_List-Detail_1.mp4?alt=media&token=f71c28d4-a16c-4d8b-9ab4-6c53c79c797d2025-06-13No list items are selected on a folded device. When unfolded, an empty state appears in the detail pane.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyh497r-Canonical_List-Detail_2.mp4?alt=media&token=94cbed39-a6cb-4c46-b544-12d7e209208b2025-06-13A list item is selected on a folded device. When unfolded, the item details are in the detail view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyh80t8-Canonical_List-Detail_3.mp4?alt=media&token=26189a37-0e89-467f-8688-18411284168e2025-06-13A list item is selected on an unfolded device. When folded, only the detail view is shown.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhcqmk-Canonical_List-Detail_4.mp4?alt=media&token=9349512d-8ecc-414e-a56d-f953992823b42025-06-13No list item is selected on an unfolded device. When folded, only the list view is shown.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhj4f2-Canonical_List-Detail_2.mp4?alt=media&token=c05a38e5-ccee-4056-b9df-4320f65b91eb2025-06-13Scroll position in detail view is retained after folding and unfolding the device.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhgczm-Canonical_List-Detail_5.mp4?alt=media&token=1481408b-36b1-467d-8e6a-d3221024f6692025-06-13https://m3.material.io/foundations/layout/canonical-layouts/overview2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydid0o-1.png?alt=media&token=55ae108a-f05d-4c08-ab1e-1fade8706194https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydjght-2.png?alt=media&token=b304c1d5-579c-40dc-8fec-22bde1b72781https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxydkkpk-3.png?alt=media&token=5c0b5f37-ee8e-43da-84a3-378abd1d3e04https://m3.material.io/foundations/layout/canonical-layouts/supporting-pane2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhnbqz-1.png?alt=media&token=d9360086-e3e5-438c-9339-e41e20ce2c4dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhojow-2.png?alt=media&token=c4c61a9d-aa0f-400c-927a-106fbc7d6844https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhp6m0-3.png?alt=media&token=20e40667-3355-470a-9658-a0bf43a30ab5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhpzw3-4.png?alt=media&token=a91423c2-0408-42ce-82f4-6df4a65e4e77https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhqw1v-5.png?alt=media&token=1a4f6d1d-93bc-4359-a95a-3905c3ade09chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyhrsua-6.png?alt=media&token=bdacc60f-907c-4694-9cd8-3cad7f249476https://m3.material.io/foundations/layout/understanding-layout/bidirectionality-rtl2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rr3ndk-1.png?alt=media&token=05901f6f-b35f-43a1-907c-fed9b464bfeahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rr60jz-2%20-%20A.png?alt=media&token=0187472e-4278-4a06-897a-612c671ce24ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm7cj5hjy-2%20-%20B.png?alt=media&token=17bb283b-ed96-4362-9053-e0c8ead1a3f1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rre3h2-3%20-%20A.png?alt=media&token=480dc1d4-5c16-4902-af1d-2218f293590ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rrfly7-3%20-%20B.png?alt=media&token=050695fe-3339-4996-afa5-1b2876660828https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rrip79-4.png?alt=media&token=c9e3ba41-c747-4bfb-b76a-70e3ae6258bdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rt3wci-5_urdu.png?alt=media&token=a69ecb25-1698-4a55-9bd3-5d954c939b56https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rt5hlh-6%20-%20A_hebrew.png?alt=media&token=b2ee3bb4-76e2-4337-8109-234dd7847476https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rt6mj7-3%20-%20B_arabic.png?alt=media&token=bcaabbc8-50d2-4baa-9b8e-799267cb02d9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rt95z5-7_hebrew.png?alt=media&token=69d513fe-7989-4805-b65a-e3d6c9b39985https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtc29p-8.png?alt=media&token=c763352b-86e5-4455-a1ab-b84f51ab6841https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtekg5-9_urdu.png?alt=media&token=6b70a1dc-2d88-4d86-82c3-c03201df33a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtgvbk-10%20-%20A_urdu.png?alt=media&token=f90702ee-35c3-4470-b083-6d34d392e437https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtjdwz-10%20-%20B_urdu.png?alt=media&token=2833dd15-ab4f-4300-adf4-524f48a5fc9dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmall2gyv-11.png?alt=media&token=54ba3f8d-fc5e-42e5-8010-8b3887971dd0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtqm4b-12_urdu.png?alt=media&token=55e68798-60d9-46b5-ac42-c502f21a81a1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rttjl0-13_arabic.png?alt=media&token=0316e66f-2626-4521-ba3a-abd21ce031e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtvteh-14_hebrew.png?alt=media&token=560c411f-1a34-43f6-90c5-6a9c7edbe837https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6rtykdl-15.png?alt=media&token=ae3edcc2-1c08-44dd-a767-7de671b9a584https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8rhslpk-16.png?alt=media&token=a7178733-70fc-4052-b74a-385de64cd9e4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6ru2ith-17.png?alt=media&token=fccfef3f-de43-402f-a1c6-7240f9e4e66bBack swipe for RTL languages. The back swipe on a bottom sheet takes user back to previous screen of a photo feed.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm8p23uu6-GM3_Bidirectionality_Interaction%20Gestures_6_IA_v02.mp4?alt=media&token=0f898fcd-1712-4760-8ed7-89faacf4e6402025-09-17https://m3.material.io/foundations/layout/understanding-layout/density2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjckoeo-3.png?alt=media&token=1586220d-a76c-4bf0-b086-ac4b932144c2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjcmxrs-4.png?alt=media&token=dc7bd078-f7d4-46e4-9685-d4a248f9b37bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjcnouc-5.png?alt=media&token=f05c1dff-6a12-4bb2-ba50-8ee6494a10b7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje0jnk-7.png?alt=media&token=3c357518-6c0a-4ca3-a637-e159430ff40fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje23wv-8.png?alt=media&token=886dc00f-73a5-485e-8bd7-2b6271c65482https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje3e0s-9.png?alt=media&token=13938623-bd72-4399-b745-99f5a4e34c4ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje4oe2-10-dont.png?alt=media&token=1e4ca720-f5d4-4657-b46e-95a328a8c983https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje5tgh-11-dont.png?alt=media&token=fa510b50-4502-4398-a69a-8bcba6cbeb7ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzje9ukn-12a.png?alt=media&token=a179a73f-0d78-4809-ac1d-b1cc696d9901https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjqo90o-13-caution.png?alt=media&token=6f36346e-923d-4b40-9453-764afeaaf502https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzk8ysbx-15.png?alt=media&token=51c7c9b4-9426-4e91-93b9-3c22e90ab6bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjqrzlp-15.png?alt=media&token=b7dcf871-268a-403f-825b-09dc0c9e6ae1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjquwp8-16.png?alt=media&token=1f84c301-af60-49ea-a158-aa8ff21bf1cchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjqw7id-17.png?alt=media&token=5b626bbc-0279-4d3a-ad2b-d44931cc552ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjqylun-18.png?alt=media&token=0d6a5447-b65e-4bfc-bc2e-0d155c09cea1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzjr0140-19.png?alt=media&token=ef52565c-7aef-4004-8bec-078cb24cbb93A website design with a denser arrangement of text and graphics.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6fec25z-GM3-Components-Density-2-v03.mp4?alt=media&token=63117a65-7060-4f77-8a28-f2770b38d58a2025-09-17Visual representation of component scaling with multiple size examples.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6fedlg1-GM3-Components-Density-1-v02.mp4?alt=media&token=e3ca199d-f4da-4b4d-9bcc-427e890f12702025-09-17An email app on desktop with a menu open to change information density between cozy, comfortable, and compact.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6feg3jn-GM3-Components-Density-3-v02.mp4?alt=media&token=2ce28a7e-1805-4925-804b-0420f2455db22025-09-17https://m3.material.io/foundations/layout/understanding-layout/hardware-considerations2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2cfdc-1.png?alt=media&token=8da1aff9-1abf-46f1-bfe3-1a697a379b11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2dejk-2.png?alt=media&token=b1ae33fd-91b4-4985-a1df-b4945de2c03dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2eac2-3.png?alt=media&token=7b332b5a-8f26-4b4a-ab1e-f0fabd5efe39https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2fbwo-4.png?alt=media&token=46676791-930a-4b6a-9c40-6adafcd13f73https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2g4q8-5.png?alt=media&token=ec23f27d-3b07-4964-aaa0-2b6c86e5ba02https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2gth1-6.png?alt=media&token=a73f2de3-02d2-4457-86be-914222396201https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2hz6b-7.png?alt=media&token=d9d2412d-a772-42a7-87dd-6a7cf8400b04https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2j1zj-8.png?alt=media&token=cc06940d-eaf9-424c-969f-15b6e32d5d06https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2khfi-9.png?alt=media&token=50dc8429-6102-45a6-8195-2920d374207chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2lo3u-10.png?alt=media&token=1ca93a5d-ceae-4193-ad58-e9e5eb0a1dcehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2mmo2-1.png?alt=media&token=e5f2fbca-c806-4e4a-8bc7-30be096f275dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2qc2a-2.png?alt=media&token=163847e4-1a26-4431-a633-7d29f9363d3bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2rmbq-3.png?alt=media&token=cff96393-8fae-4b77-bd8d-a3986c64ccf9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2uu5h-4.png?alt=media&token=b190166c-fce3-4d5b-b6f9-f5a3741c8ba5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx2y99m-5.png?alt=media&token=04f48065-b71e-4a2d-9a01-f6de64b23b1chttps://m3.material.io/foundations/layout/understanding-layout/overview2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwwo5fb-1-1p.png?alt=media&token=3dacb934-f555-4a6f-a45e-bbef2f208a7fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwwpg71-2.png?alt=media&token=5e7f0ae7-f5d5-44c6-8574-17b622fa7659https://m3.material.io/foundations/layout/understanding-layout/parts-of-layout2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxhwoc-1.png?alt=media&token=8476ab2c-fd9d-4cd6-9235-2c62a8488e01https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxrdhk-10.png?alt=media&token=c4401716-3caf-42e5-bd9f-d931e9036051https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxim8l-2.png?alt=media&token=5cc1d506-1c9d-46b0-9a29-72a897030457https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxjjfr-3.png?alt=media&token=a1574fa9-6c4b-4d5a-bd0a-a240e9e1eb24https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxkflt-4.png?alt=media&token=da6e7766-e738-470f-96ad-4ed0e6431276https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxloju-5.png?alt=media&token=19e4ab46-ab5e-4fe9-bc9d-3a5fd8393febhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hlv2pr-10.png?alt=media&token=57d7912a-1407-4c83-8c31-f9cbf15a9663https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hlvwit-11.png?alt=media&token=40446513-c19a-49e2-9bca-86fb625c7f7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxse9i-22.png?alt=media&token=a21a0d4f-96ae-44de-a6d2-79daf8f90f69https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxuvra-23.png?alt=media&token=af07a67d-2a35-4536-9854-826cb8e3736fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxvw9e-24.png?alt=media&token=1888fb07-bab7-41e2-b0eb-db7ad5744cd2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxxac3-25.png?alt=media&token=7cc4ccf8-f719-45e8-806d-1e2846c7a33fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwxz8gj-26.png?alt=media&token=07d0f806-0957-4fd1-a6dc-f18b9fd5d7f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmfo2x7z3-drag-handle.png?alt=media&token=e4237702-53ec-484a-aa4e-b9ae3862a4e5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx1pvsg-13.png?alt=media&token=d806967b-4a5f-4f02-81d7-b49769e27d12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx1rk6i-14.png?alt=media&token=be6b371b-2cee-4963-9cf3-cccb66ab2f6bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2khd7s2-15.png?alt=media&token=d1e9278f-29ab-463e-af94-9af98160768fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx1u0o3-16.png?alt=media&token=b7b5c4f9-aba1-4fb5-978c-f40612fc4b9bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx1v4ra-17.png?alt=media&token=8eda0901-41ac-4b27-9456-968afd1d9524https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx29wzb-22.png?alt=media&token=300e5767-6583-4f48-8248-9e43c6be68c9Show and hide: Supporting panes enter and exit the screen based on available spacehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hlxe1o-HIDE.mp4?alt=media&token=1716f918-e63f-4d48-822d-0b236dd7b9962025-09-17Levitate: One pane is placed on top of anotherhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hlxsbc-LEVITATE.mp4?alt=media&token=af8debb6-b35a-42f4-b5d4-c96156454b0b2025-09-17Reflow: Panes change position or orientationhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hly5h6-REFLOW.mp4?alt=media&token=5e5801f5-b7ea-4dfc-b512-914c1fb096d32025-09-17A drag handle is used to collapse a two pane layout into a single-pane layout.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwy58b0-GM3-Styles-Foundations-Layout-UnderstandingLayout-Parts-1-v02.mp4?alt=media&token=8888a081-5c7d-4403-a915-6fc539a9cc662025-09-17A drag handle adjusts the panes to common custom widths.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxx1nxrm-GM3-Styles-Foundations-Layout-UnderstandingLayout-Parts-2-v02.mp4?alt=media&token=01d734e0-c4eb-4758-9524-ce31bf01ab9a2025-09-17https://m3.material.io/foundations/layout/understanding-layout/spacing2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwwvqdk-1.png?alt=media&token=ee88043a-8222-4c39-912f-f0b6336ee653https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwwxa8g-2.png?alt=media&token=62385ee2-6bc3-492b-a60b-db12f75d2580https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwwyais-3.png?alt=media&token=1f6813ec-a502-4adb-abd9-7cb648575f45https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwx04xw-1.png?alt=media&token=3a716354-4106-42c6-920c-3692da759a86https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwx1ijr-5.png?alt=media&token=ab82125d-28cd-4500-a322-fd4c9606dd3chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwx2hj1-6.png?alt=media&token=697c271a-165d-4dbd-af2b-e98b49b4a95dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxwx3xmp-3.png?alt=media&token=f9885d4f-f041-4a92-b7ea-2179ea08c0abhttps://m3.material.io/foundations/overview/assistive-technology2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qv6git-3-3p.png?alt=media&token=58747de8-c1f4-4f0d-8b47-50b05385a705https://m3.material.io/foundations/overview/principles2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fl6qr2chf-l1yxwqsj-Google_AvatarProject-12_Final%201%20(1).png?alt=media&token=c3170438-686d-468a-8986-abd14605ce2bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fl6qr36jq-l1yxvjzc-Google_AvatarProject-4_Final%201%20(1).png?alt=media&token=376d8bc6-34aa-4433-abda-6050fb280a41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fl6qr41s7-l1yxwaxg-Google_AvatarProject-1_Final%201%20(2).png?alt=media&token=7518c7a7-0f3a-4999-8953-532542edd129https://m3.material.io/foundations/usability/applying-m3-expressive2026-01-22https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhjgyvci-Core%20Flow.png?alt=media&token=9ddfd7a6-8f5c-4a4a-a00e-1c37dbb7af84https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejir1iw-Visual%20Hierarchy%20(1).png?alt=media&token=491a7dfb-2018-4564-a226-807a2586fdd5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejiz13p-Breathing%20Report%20Do.png?alt=media&token=76515d71-3997-4020-8d6d-2ed04f8d3a7dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejj1yj5-Progress%20-%20WIP.png?alt=media&token=5fc4dfb1-176f-49d0-8f7b-765f892be572https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejj3nr8-Home%20Caution%20Uglyfied.png?alt=media&token=e2a6e7f0-9258-4058-9ccd-12b0153b9683https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejj4ua6-Home%20Right.png?alt=media&token=bb67336a-ca85-47c7-b256-8cfdd3c57717https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejj6t5h-Home%20Caution%20Uglyfied%20Deux.png?alt=media&token=a214af02-3324-4217-8569-0127b5c35574https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejj8ce1-Frame%202147228808.png?alt=media&token=301c51d8-85ae-48e3-ab93-65118c37d8e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejjaaz6-BEFORE%20Primary%20Secondary%20roles.png?alt=media&token=28275bf0-9d9a-4459-a8b1-04d56af20d17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejjb7xf-AFTER%20Primary%20Secondary%20roles.png?alt=media&token=1090a0c2-bb81-424a-b7fb-723f1ac53548https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejjcz6i-Breathing%20Report%20Caution.png?alt=media&token=aa6a75cb-0658-464a-a8b2-ab3d742a17b4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejjk8lk-Breathing%20Report%20Do%20(1).png?alt=media&token=7bda3385-364d-4afb-8d04-abc30149a700A flower shape getting larger as a user inhales, and smaller as they exhale.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhjh7by4-GM3_Usability_Aura%20app_Hold%20included_IA_v02.mp4?alt=media&token=308f9d53-cdec-4275-b0ae-4647844e63662026-01-20Arrows, countdown numbers and text move along with the purple and yellow flower that opens and compresses. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhjhu4pj-GM3_Usability_Aura%20app%20Caution_IA_v01.mp4?alt=media&token=2b123aee-30a0-41e0-b1c4-ceaf89dc0fc22026-01-20The purple and yellow flower expands and contracts, numbers appear for the exhale, hold and inhalehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhjhxmxp-GM3_Usability_Aura%20app%20Do_IA_v02.mp4?alt=media&token=7d74c30b-2055-46d0-b60e-9c58aa3068a82026-01-20https://m3.material.io/foundations/usability/overview2026-01-22https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejie2v2-Hero%20image.png?alt=media&token=9d9dc1ff-3bcb-45e4-bbaf-78b24bd19945https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejighrd-Contrast.png?alt=media&token=d99c8cef-57cd-43b0-b165-ae5a1ab018f1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejiivyt-Visual%20Hierarchy.png?alt=media&token=8e1f750f-ee5a-4775-87cc-b96b9b26b95bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejiksvb-Shape.png?alt=media&token=e496fdad-065e-49c1-8197-b13aa00e9fefhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejimbjk-Size.png?alt=media&token=052597d9-80f5-4bb9-affe-41ee1af815b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmejin9xv-Typography.png?alt=media&token=e057bb09-e023-4c19-85f1-e0d98e847b99The flower expands and contractshttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmhjgvjyu-GM3_Usability_Aura%20app%20Flower%20only_IA_v01.mp4?alt=media&token=50f9ca3e-ebae-473b-bdfd-d0a876507b322026-01-20https://m3.material.io/foundations/writing/best-practices2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj55hv4-8.png?alt=media&token=229d4f46-48c7-4ed4-99a2-ba2527936425https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5628d-9.png?alt=media&token=c1ceac48-0ee3-4822-b7b2-dba96be35c7ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj56jdc-10.png?alt=media&token=3712cd9c-c733-4fa1-aaff-5cad15b89ff0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj573aa-7.png?alt=media&token=8b8899da-ed71-4e4f-822a-0005e637691ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj57nfl-11.png?alt=media&token=170373e6-8391-4e97-a1dd-a5623716d0cbhttps://m3.material.io/foundations/writing/text-resizing2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5gijr-8.png?alt=media&token=76c97c12-c912-435f-aca9-f06637257b7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5gt05-9.png?alt=media&token=876f39d6-c14f-4d45-bd7c-d945f82fff12https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5h7wy-10.png?alt=media&token=821d0159-4996-4342-a717-15f3a5d3b375https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5hl59-11.png?alt=media&token=0d6620aa-6743-4478-b6a8-cec7da279ca7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5hzv6-12.png?alt=media&token=0fbdf847-88fa-4bb6-86bd-7827ef797454https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5iftq-13.png?alt=media&token=8b0674ad-6a2b-40a2-a54f-88e499dd6ae9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4bi7b7k-13-b.png?alt=media&token=622a927e-dd3e-4ecc-9cb6-2231e702ead5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4bi7fz7-13-a.png?alt=media&token=ece17269-405b-472a-9c38-4d087535740dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5iwyv-14.png?alt=media&token=b794a6a7-fe17-4365-95dd-8c85565c9d17https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5jdor-15.png?alt=media&token=82a605c0-5cc9-4d32-897e-d07133b39012https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5ldz9-16.png?alt=media&token=164a658d-4e2a-4d67-a35c-c4cb051f3389https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5lr50-17.png?alt=media&token=c1272c3a-bf9b-473d-a942-4bb2c3221ffdhttps://m3.material.io/foundations/writing/text-truncation2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5ao0k-18.png?alt=media&token=9823f564-5494-43f3-85ad-21af8dd5b024https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5b36c-19.png?alt=media&token=f638592f-e9a7-446c-b7e3-84ef22c0d79chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5bfye-20.png?alt=media&token=fa20bfc7-0b26-4ed1-a256-8cb933dbacb4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5c5w5-21.png?alt=media&token=76cd69f0-f8db-4e21-8a38-221cd4d51984https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qvmgvh-24.png?alt=media&token=db765429-c069-476c-85ef-f831e9bc6bd7A calendar with a cursor hovering over a day of the week displays a tooltip that reads “Tuesday.”https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwj5e7k2-GM3-Foundations-WritingAndText-Accessibility-1-v01.mp4?alt=media&token=2fbeb491-6ae1-4c4c-930b-02914cdf93af2024-09-06https://m3.material.io/get-started2025-09-24https://m3.material.io/search.html2024-12-03https://m3.material.io/styles2024-11-27https://m3.material.io/styles/color/advanced/adjust-existing-colors2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7zkg8-1.png?alt=media&token=d6aa53db-1686-443c-b47a-89cb0c4a6cfdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt809t2-2.png?alt=media&token=2f6a951b-89fe-4154-a188-61939ae892ddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt80nic-3.png?alt=media&token=3c8ada3b-6184-4d34-8763-5b20288ddb22https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt814il-4.png?alt=media&token=c451da1d-f5cb-43ef-ad1c-d1e8e23c68bdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt81svm-5.png?alt=media&token=75856d62-6223-4263-9919-8996940fa1c6https://m3.material.io/styles/color/advanced/apply-colors2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7bogx-1.png?alt=media&token=4c59af6e-46ca-4c4c-a4f0-2829054456cahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7czj9-2.png?alt=media&token=a6e7bf59-72ed-4963-a3b5-2489ab3d0648https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7dkn6-3.png?alt=media&token=52cd3d4a-51f7-4b52-bb97-e26c218b279fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7dy9t-4.png?alt=media&token=46406651-a27d-4f5b-b7a8-0f55e31c7438https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7eaxg-5.png?alt=media&token=837bf820-4912-462f-9d8f-a1e37ff97d2fhttps://m3.material.io/styles/color/advanced/define-new-colors2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7wrjx-1.png?alt=media&token=ca9d1728-afc1-4229-8280-ae94ad9f31f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7xb07-2.png?alt=media&token=7b719f7f-7e35-4efc-b95d-62e3e5d341c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7xlqa-3.png?alt=media&token=2707ae8e-94a9-4133-9693-1ea419940a1bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt7y1c2-4.png?alt=media&token=fb1cc70e-1323-4ad9-bd3c-3fb2e4229bddhttps://m3.material.io/styles/color/advanced/overview2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwt29uqj-1.png?alt=media&token=a2b1ddc3-8cfa-4ea7-850a-517495cb2297https://m3.material.io/styles/color/choosing-a-scheme2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4ad7ppb-2.png?alt=media&token=b81f3e1b-604f-4ccf-9e1e-0ef80a8a0afehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flmb3ofmk-dynamic-color-animation.gif?alt=media&token=0a8efcba-e2a6-4424-836a-f1f1f2850c06Types of color schemes in Material Design 3.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flinbzkgu-MAT020.05-v2%20Internal.mp4?alt=media&token=fd39f568-71b3-4490-ab6a-1ef75d4c04b22023-10-09https://m3.material.io/styles/color/dynamic/choosing-a-source2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flnc8u840-01.png?alt=media&token=2a28a37a-c566-4ebf-a20f-5b92b16e5b66https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln4j2i04-02.png?alt=media&token=ef023ff4-6763-48d9-bab6-9ec0aa078ca0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln4j3qu9-03.png?alt=media&token=e06645b9-aa5e-4cf7-9ecc-e04edc9de657https://m3.material.io/styles/color/dynamic/content-based-source2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flnoncne7-04.png?alt=media&token=20b6cfe8-2928-4685-b5a0-610772cbcea2https://m3.material.io/styles/color/dynamic/user-generated-source2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4k2c1o5-4.png?alt=media&token=45415733-2a53-4946-af98-4a70dc3686b4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4k2c5u0-5.png?alt=media&token=5d7250df-9fc3-4ded-b9d9-182b09ad2fdfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4k2caip-6.png?alt=media&token=74e73df8-b55e-48d2-9b70-202bb5d89a53https://m3.material.io/styles/color/resources2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln49elwq-1-mtb.png?alt=media&token=07b587e4-4adb-4c06-b94d-15bdd408345bhttps://m3.material.io/styles/color/roles2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2ms4t2-1.png?alt=media&token=722d8f55-45a4-4340-98ad-9ae1aa71b7aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2msstb-2.png?alt=media&token=1e401465-0ddb-4506-bc85-8e943e993490https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2mt0z5-3.png?alt=media&token=4129b18b-0f80-4b92-b2cc-f6d2abeb4947https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm7atpmau-04.png?alt=media&token=0a06e58e-26a7-4052-ae6a-5e34143ee4b2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2mtbil-4.png?alt=media&token=77137c3b-3782-4366-9d88-729623c2d6c1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2muo2k-5.png?alt=media&token=8ba5fb9a-6079-4dbb-9023-77f1f169e4f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm2kwfth2-6.png?alt=media&token=53da80e7-f3f8-4279-9e7c-0400302889fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2mvccz-7.png?alt=media&token=942165b4-8244-4142-8165-aa7667e4a662https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2mvlj0-8.png?alt=media&token=1443111c-0408-4584-98a9-34980437c35bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2mzjt8-9.png?alt=media&token=9a14358b-d46f-4bbf-854b-8110f14af4e6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n0pba-10.png?alt=media&token=c8225d06-dcbd-47da-aa77-b275550f4002https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n10jv-11.png?alt=media&token=2894bbf7-1507-46e4-af6d-a69436f2f89chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n1cbu-12.png?alt=media&token=622ece1d-3225-4c06-ba60-ab3d5ae4f717https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n20l4-14.png?alt=media&token=0b8d1cc2-2a4f-4c58-ab0e-393b0cd1996ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n2btl-15.png?alt=media&token=1cd58070-3840-4e53-b160-df4309cbf43bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n2wcp-17.png?alt=media&token=b86187a0-00e2-4546-9a5f-35593b0297a8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n4uvc-24.png?alt=media&token=a0ac78ab-206a-4017-a93b-65caa80157c6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n6f78-25.png?alt=media&token=f536573c-5c9a-440d-bac9-723c7a65c094https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n6s89-18.png?alt=media&token=42a74524-96ff-451f-ab8f-2ea1de7ba188https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n7081-19.png?alt=media&token=8b2ad35a-0b3b-4652-8de4-204c51723221https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n7i8q-20_dont.png?alt=media&token=accae0d3-0a04-49f5-8f74-10eb22452dc6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n7yd0-21_dont.png?alt=media&token=10fb9ebd-55e3-4afc-9081-8682017fcbddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm38uvq2h-23_dont.png?alt=media&token=294e6a8a-6a3a-4dc0-aac8-eeea104c7115https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4iofvjf-23_caution.png?alt=media&token=be594ca5-e4d1-47e5-a2d6-850e59b1720ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n8qum-26.png?alt=media&token=15044478-5a62-4704-a373-6ba69cbceebdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n922v-27.png?alt=media&token=0cd22363-7942-4433-876f-89a575543901https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n9b76-28.png?alt=media&token=c3e3b6d1-90d1-41ca-b96e-7e9461474217https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n9m0g-29.png?alt=media&token=a35b823b-bde5-4421-83df-d71bc48954f5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2n9vnb-30_dont.png?alt=media&token=2139b6e3-d8c3-4839-8c39-58d2884edd3ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2na1i9-31_do.png?alt=media&token=f9e9816f-4017-47ac-9f00-2ca0300ed145https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nacto-32.png?alt=media&token=07de8ed6-affe-40e8-a005-5f358f0e1f6ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nappf-33.png?alt=media&token=560dab4a-68fc-4c3a-8690-00fb04297739https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nb208-34.png?alt=media&token=66472140-f56e-4ea0-a435-d96321b728eehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nbbzl-35.png?alt=media&token=48ac623d-4455-4246-a766-ca4042d7d5f7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nf2l7-36.png?alt=media&token=e51168a4-cbb7-4898-9d6a-c3e2a1853fefhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nfaia-37.png?alt=media&token=e5e708b8-7301-4d1a-ac38-698439225653https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nfhyc-38.png?alt=media&token=0f6d4117-d6b2-4816-83f0-9b012fa748cdhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nep5x-39.png?alt=media&token=067cab0d-8d1c-4c8b-b730-d144aa368d0fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nfqah-40.png?alt=media&token=562063ff-97b5-470c-8664-92eed7f843d54 color swatches in light and dark theme: Surface container lowest, Surface container low, Surface container, Surface container high and Surface container highest.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2njabe-GM3-Styles-Color-Color_roles-1-v01.mp4?alt=media&token=8aa7d283-aff1-4ba2-b146-ea330dc459982025-05-26Mobile, foldable, and tablet screens showing how the body and navigation regions have the same color roles across window sizes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fly2nit0j-GM3-Styles-Color-Color_roles-2-v01.mp4?alt=media&token=f11fcb96-ea21-487e-9e1a-a4517190a2912025-05-26https://m3.material.io/styles/color/static/baseline2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4k1tpg9-5.png?alt=media&token=dda9b25f-bc8f-4e00-9f58-9ab6ce13992bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlikbtg5-6.png?alt=media&token=de29864e-b470-478d-9e1a-fcc5a71efab2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flnomy8pz-static-baseline-colors-lt.png?alt=media&token=20375678-67a0-456b-9253-ae2962e98fbehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Flnomz44y-static-baseline-colors-lt-1.png?alt=media&token=16d4a7f3-64a6-477f-8c18-e1f05033550fhttps://m3.material.io/styles/color/static/custom-brand2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln4ilrfy-brand-baseline.png?alt=media&token=7831c3fc-1a36-4aa2-a583-65474ec97d3dhttps://m3.material.io/styles/color/system/how-the-system-works2025-11-28https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4mxjs2l-1.png?alt=media&token=a123a83d-6785-40ed-9dae-13d566e3399dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4mxjwiz-2.png?alt=media&token=b53af031-c021-4fb8-ba5e-1c6c2b4c9c10https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4mxk5mu-3.png?alt=media&token=b2543282-21d2-472f-87ed-ef63ec926c4fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm4mxkasm-4.png?alt=media&token=b0cb1a67-16ef-44dd-b951-d63f75ce011bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9uzzb5-from-source-color-to-UI.png?alt=media&token=962f5bc2-868a-404e-a314-37b1467ecba8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9v1jfc-wallpaper-source-color.png?alt=media&token=6fe82ae6-f02c-488e-b0e1-e1b94ee1ca78https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9v2356-in-app-content.png?alt=media&token=07c31cfd-52e9-493a-a4d6-b92fbeaf80eahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9v32x5-hand-picked-color.png?alt=media&token=66bd9129-5bbd-447c-bb2d-98ce379b9bf1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9v56si-content-vs-user-left-user.png?alt=media&token=e6855edb-f3f7-4c8b-96c5-53a54ae48ca6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9v5j63-content-vs-user-right-content.png?alt=media&token=7fd0ac00-3154-4d51-a4cf-75758d48022bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flnc8pq3o-content-vs-user-right-content.png?alt=media&token=c5300a4d-cbf4-4670-8e80-0dab375f0e6ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9w1sps-from-source-color-to-key-colors.png?alt=media&token=44238439-ec0c-4d45-b7a2-6f2aea5f3deehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm612xcmj-13.png?alt=media&token=8cdf6484-55c8-45f7-b989-b2becd9ef8f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm612xkza-14.png?alt=media&token=65142248-ae42-4818-9ade-d30b5cf2c110https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm612xrj4-15.png?alt=media&token=141b2627-4abd-4db8-9342-37432e4b162bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flnem28e4-color-roles-dark-theme.png?alt=media&token=cfc39eb0-67a9-4414-9bb6-b0e43087babfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5nn2o-color-roles-UI-elements.png?alt=media&token=09e3359f-ca02-4ee0-b762-d2e14e1bfe33https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5ow9i-user-controlled-contrast_04.png?alt=media&token=b554e395-de19-4132-9763-a4096030656ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5p9nh-user-controlled-contrast_05.png?alt=media&token=29407208-146b-490f-8571-31e43c5c66bbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5pkhc-user-controlled-contrast_06.png?alt=media&token=0f3ac5f5-5030-45bf-adce-3d0b96de2680https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5qia9-user-controlled-contrast_07.png?alt=media&token=021ee96e-c069-488f-bbb4-c1f507001ee2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5qyca-user-controlled-contrast_08.png?alt=media&token=a7815dcb-53cf-4090-93c4-703638708d80https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5s0mi-user-controlled-contrast_12.png?alt=media&token=7a4b2a09-68dc-44e6-bcc2-84ae230ac73fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5shuk-user-controlled-contrast_13.png?alt=media&token=98766331-252a-48d2-a820-53dc11630029https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm612y8rt-25.png?alt=media&token=e4d5c0e1-185c-44fa-908b-9c3002839c62https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm612yd3c-26.png?alt=media&token=1ebd4f8b-1e78-4589-bc02-f411dbf29283https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm6134eza-27.png?alt=media&token=17bc3773-7657-4067-9821-a118a42a0909https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5w3u0-hue.png?alt=media&token=61b24e9f-2268-4135-b3e3-df102b6ee769https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5x1is-chroma.png?alt=media&token=f7e93869-ad3a-4938-95c3-66f5d344339fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flna5xncz-tone.png?alt=media&token=665bed68-9373-41e6-b15d-d5d7d1e1a05fHow dynamic color schemes are created.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flinbo537-MAT020.03-v3.mp4?alt=media&token=d22f7ac8-7c43-4730-831d-90ceaddfc7832025-11-28Animated video explaining the three color dimensions (hue, chroma, and tone) and how they relate to accessible color schemes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Four-fake-design-system%2Fimages%2Flfmpm0pq-MAT020.02-v3.mp4?alt=media&token=39ca7b87-2339-4ad8-b2e2-2b69286c7e2e2025-11-28https://m3.material.io/styles/color/system/overview2025-11-28https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm4hetcer-4.png?alt=media&token=232f45a0-28ae-45b4-891d-f656da56fe91https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9uoi8a-dynamic%20color.png?alt=media&token=a7969547-b71e-4d76-84d6-fe0ad98c7e62https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9uorlq-semantic-colors.png?alt=media&token=32f5150c-8487-48f8-bdc1-4491dc057f84https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhpboqil-05.png?alt=media&token=7929e04e-f18a-40f8-9d49-e136beadbb3chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhpbny9u-06.png?alt=media&token=017a2472-3dc0-4251-bebf-493eb445ea9chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmhpblpsr-07.png?alt=media&token=5891da95-e18f-4b97-b8c2-354b6b209dd4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flzij6msk-whats-new-on-color.png?alt=media&token=73b4aa74-f663-4f67-a65e-a4ed97b6a556https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9upnnh-reorganized-guidelines.png?alt=media&token=57c601ca-75fe-49c9-aef5-952f3bf00e68https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9urd5o-%5B1P%5D%20what-is-new-surface.png?alt=media&token=0c9aba76-eda9-4503-ac75-6114e7e99d8bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9urxta-chroma-tone-update.png?alt=media&token=9ae5f3c9-525d-4602-b0ed-d59af40ba43ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Fln9utr1z-whats-new-fixed-colors.png?alt=media&token=5f8ce61b-6eb8-4b8f-a336-08b01c9af58aIntroduction to color guidancehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgm3sandbox%2Fimages%2Flinbli4g-MAT020.01-v4.mp4?alt=media&token=9731ccc6-7d03-42ec-bff6-115bddc39fc02025-11-28Screen of an email app changing color from red to green to yellowhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0ob8aeg-Untitled%20video%20(1).mp4?alt=media&token=983ab349-d3b4-44ed-81c6-8e5e491130a32025-11-28https://m3.material.io/styles/elevation/applying-elevation2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyl8vgl-1.png?alt=media&token=d090e3a9-52f9-46c7-b341-3bd6ea781fddhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyl9cz5-2.png?alt=media&token=731fe08f-ab2d-4a21-9ee1-2e963425c39ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynetr7-3.png?alt=media&token=d733e384-21d7-432c-a68d-917f362b91a2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynhr1z-5_do.png?alt=media&token=a4718cb7-4b12-442d-a48a-1baab845cc2fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwyni1qa-4_dont.png?alt=media&token=82bf3fa0-c8a8-48df-b10c-1b5c265cdc20https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynjnhh-6.png?alt=media&token=9e184a9c-6448-4ef4-9bea-c512f807b8d9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynkcgy-7.png?alt=media&token=faa5a587-cb71-4402-b4e3-5c7c598fc84fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynkpp5-8.png?alt=media&token=97f08517-0310-4ac0-bfdd-e76abf2a451bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynle77-9.png?alt=media&token=da60b0e7-2216-4d40-bbab-d5359875d09chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynlv1e-11.png?alt=media&token=a29315d8-497f-4376-8018-f661ea795b3aScreen in an email app in which sliding over an email card allows you to delete it.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwynmywr-GM3-Styles-Elevation-Applying_Elevation-1-v01.mp4?alt=media&token=d25ea774-8c2d-4a56-ae20-59c0691d4cb82026-01-09https://m3.material.io/styles/elevation/overview2026-02-11https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykafum-1.png?alt=media&token=686eda7a-aed0-4d34-a749-0b01f2a50a86https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykc8yv-2.png?alt=media&token=7c4a4e4e-ff37-47d2-a375-579c3f945893https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykckey-3.png?alt=media&token=fd1c5548-7048-4d2c-9123-17308e339731https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykcxkh-5.png?alt=media&token=d0b226cf-0e17-4719-9f5c-8a186936d0032 screens showing surfaces moving in front of and behind other surfaces, the shadow of a FAB, and a dialog appearing at the highest elevation.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykjf69-GM3-Styles-Elevation-Overview-1-v01.mp4?alt=media&token=6a6f026f-2264-474b-9b2d-cab3cd08393e2026-01-09FAB elevation from the top and side showing the button elevation changing from 5dp to 8dp on hover.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flwykkk4p-GM3-Styles-Elevation-Overview-2-v01.mp4?alt=media&token=8ca50f54-913b-4e5a-9e22-22c99a867fd22026-01-09https://m3.material.io/styles/elevation/tokens2026-02-11https://m3.material.io/styles/icons/applying-icons2026-03-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltewg4l-3p-icons-simple-sm.png?alt=media&token=76d71c2b-31bf-4fb5-a8a4-c65d8f24f9c9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlteyie2-3p-icons-simple-sm%20(1).png?alt=media&token=ecb27599-eb45-40bf-8d59-c2860cdb7558https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltezfir-3p-icons-simple-sm%20(2).png?alt=media&token=3ca935a0-714f-4b21-8ac6-3fa763c50397https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf0cys-3p-icons-simple-sm%20(3).png?alt=media&token=340b56f9-778e-4cb2-8e59-e0ea24a20a72https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf1xps-3p-icons-simple-sm%20(4).png?alt=media&token=f1ee4bc4-d770-4d4a-8db3-b88d93a7b53bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf2lz3-3p-icons-simple-sm%20(5).png?alt=media&token=33bb4e9e-d08a-44e6-b0d7-26f6c7009216https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf3wv6-3p-icons-simple-sm%20(6).png?alt=media&token=5ef3b703-d241-4f0d-a989-a2f9317322c8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf4gzj-3p-icons-simple-sm%20(7).png?alt=media&token=31948f5d-1db3-4683-8e2c-1ff67eb42241https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf5q1f-3p-icons-rounded.png?alt=media&token=4c3f1a83-2b74-4e60-b102-bf751e9b9a66https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltf6rl4-3p-icons-sharp.png?alt=media&token=93e7ad8d-174e-428b-80d2-db2d5f459318https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfgz8n-4.png?alt=media&token=e77da1e3-db63-4ea1-a212-2cde29b88cfchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfibed-5.png?alt=media&token=a34458f9-55b4-43ed-a55b-a2da8cc38695https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfjhty-6.png?alt=media&token=a9ade625-17b0-4495-8226-ad26b17ae01ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfkfrj-7.png?alt=media&token=a598865c-4d61-4e77-90ce-4235ed91eba5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfkvco-8.png?alt=media&token=ec3f35b5-0c63-4849-b39b-077328fcf222https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfngpy-9.png?alt=media&token=33057667-ec25-4a19-9d55-95627e60e0afhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm0zq1u30-10.png?alt=media&token=66209e93-1d2d-43b8-97b5-1680473c81e5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfqxv6-12.png?alt=media&token=99ec86af-b700-4266-9d87-beadc20c751fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfs7t4-13.png?alt=media&token=4580657e-0483-4a44-a1cd-2b9cd8202410https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfsk4i-14.png?alt=media&token=2cf24eb0-1a1e-432e-8276-8dad094c3bb1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltftgny-15.png?alt=media&token=2b1dab97-eda6-4d28-8fea-8c1b0f4e493ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfunii-16.png?alt=media&token=4d01a8fd-7b39-45ec-88c1-d6a295693a54https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhj7jch-18.png?alt=media&token=d577305e-e1f3-4621-a1a1-0f2151a6fdedhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhj7te6-19.png?alt=media&token=57bd2017-700e-4caf-bd57-187905e3b0aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltfz81y-29-alt.png?alt=media&token=0165f9d6-8542-4f95-af61-e49b3beb5c96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjbtka-30-do.png?alt=media&token=79a7a27b-c4c8-4ae6-bb39-f9799daf5873https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjcgls-31-dont.png?alt=media&token=a16d5520-4d25-4e1d-af1e-5bdf98f8f39bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjcu6l-21-do.png?alt=media&token=35378cdb-d35e-4be7-b60b-b0fbbccaedeehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjd06m-22-dont.png?alt=media&token=7fbac568-3e7f-4208-b2aa-206f2a7187d9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjdahx-23.png?alt=media&token=f9cea242-e5bc-4d18-bd14-1edba5aeb933https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhjdnhz-24.png?alt=media&token=c9b2afb8-b0e3-469d-98f0-55b687fe8aebhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltg9l6i-25.png?alt=media&token=b4475479-6382-4b4a-a7ca-bbb552ed59c5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltgabid-26.png?alt=media&token=61f2ed5a-b2ec-4eb9-8784-f93a82157577https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlthiy3k-27.png?alt=media&token=3e2bfcae-9b28-4f9d-b597-77e4054a74d9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlthk52l-28.png?alt=media&token=970f3a3a-366a-457c-9832-bc28ddcd3056https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlthlq1i-Icons%20localizing.png?alt=media&token=5fe6e7d0-49e2-46bc-8c9d-d459e0cf2c37https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmlthn4xa-Colors%20localizing.png?alt=media&token=63202800-e659-4469-a55a-4583d8c8f403Gradual increase of symbols from thin to bold.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyimvha-GM3-Styles-Icons-GoogleSymbols-2-v01.mp4?alt=media&token=c379962f-5a9f-440a-b111-6d689f84c3992026-03-30Four filled symbols in selected and unselected states set in bottom navigation.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyion1g-GM3-Styles-Icons-GoogleSymbols-5-v01.mp4?alt=media&token=0b4383fb-41da-4f3f-91ef-a8fcc7408e8d2026-03-30Side-by-side scaling view showing a Material icon and a Material Symbol.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxyiqgos-GM3-Styles-Icons-GoogleSymbols-6-v01.mp4?alt=media&token=bf6a692a-102b-47fb-856a-a2ee6aaeb0512026-03-30https://m3.material.io/styles/icons/designing-icons2026-03-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhi79a8-1.png?alt=media&token=451212d1-7de5-44e4-98e2-7f9985913116https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhi8n00-2.png?alt=media&token=40bea5d0-2d09-42d0-9b6a-b182fb7fb729https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhi9wll-3.png?alt=media&token=b19af771-b281-4d84-9ced-53cace623b7bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiaure-4.png?alt=media&token=49b74c47-52cb-4ee0-b968-2bba4ea56225https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhibyvj-5.png?alt=media&token=bf9ab6d9-d86e-4014-8c9e-e60874027699https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhicb7v-6.png?alt=media&token=e5a225b0-6388-4ac7-9799-c75ba995749dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhid657-7.png?alt=media&token=497fdf34-12ee-4ffb-9cad-6045cc3ee1f0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiddsr-8.png?alt=media&token=5af129e8-c2b7-4719-8c75-1bcd4e19b568https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhidx2o-9.png?alt=media&token=f2d1ca4b-09ee-43e2-b621-989695fdcdd5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhienpf-10.png?alt=media&token=b8afbf0e-da99-4611-9ea4-0c338f77fb64https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhievo4-11.png?alt=media&token=3b55c1d9-74e8-458b-91fb-0e1bce8fc9dbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhifrut-12.png?alt=media&token=2defbe33-bf98-42f6-8f9c-7ede12b5bbc7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhig0cg-13.png?alt=media&token=f9cd0fc1-a871-4f36-a31f-a58277000c41https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhig8hf-14.png?alt=media&token=8563d22a-fac6-498d-a893-0578831ff8a7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhihomb-15.png?alt=media&token=ebd0158f-8fe2-4d24-a545-76db96e9e9b4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhihvvy-16.png?alt=media&token=005df028-43a6-40e9-b96a-caa0c370a21chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiiy4c-17.png?alt=media&token=726aa27c-fd2b-4270-b76a-dc9f925bf1d8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhij5mm-18.png?alt=media&token=062e95df-32c7-44c3-b1f6-81731e1930dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhijf4f-19.png?alt=media&token=434a0acd-3f17-4b69-b37e-c53f2a611e08https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhijo1a-20.png?alt=media&token=57209aae-7be7-441b-b544-aec9b0ec96d3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhikriz-21.png?alt=media&token=e3890dfe-5c76-4e55-9865-1e0b0b5a310fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhikzyl-22.png?alt=media&token=77cb7533-3aac-464c-afb1-e6965884d54ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhil8ui-23.png?alt=media&token=392b52f0-7446-477b-9a7a-aaaa42929690https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhilh5g-24.png?alt=media&token=9bcae434-7c41-4648-bdc7-71c73184885dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhilpjf-25.png?alt=media&token=9655e02a-a291-466e-b196-e45686e91762https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhilynz-26.png?alt=media&token=183e6f8f-dc5d-42db-abd1-c410c172ae3ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhird2l-27.png?alt=media&token=c1bdaf8d-d963-42ad-95d5-33b07c5b7fd3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiwgza-28.png?alt=media&token=f8095345-1164-4158-a4b8-a488954399dehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhis0bd-29.png?alt=media&token=09785c23-d95d-44ff-bfc9-8a578597246ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiswrw-30-caution.png?alt=media&token=8a81e237-d9a0-4bca-a394-cbbe5ba1e253https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhit41a-31-dont.png?alt=media&token=69509827-8e53-4807-ab42-4a3a27beb3echttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhitcv2-32.png?alt=media&token=af72e2dc-24cc-4270-85a2-29674981fd86https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhitln3-33.png?alt=media&token=96b4f7ef-c0d3-4af4-9ec4-1b329fc7dd5chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhituxl-34.png?alt=media&token=bd07e3e4-b86c-4678-90e8-4472466df66ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiu2ur-35.png?alt=media&token=99cda6a1-b2a6-466a-a76f-9f57176512f3https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiucam-36.png?alt=media&token=ebb4def7-31ad-41f2-9dfd-a5607731a333https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiukep-37.png?alt=media&token=d7e200f0-8f01-4faf-a18e-082577ff70b5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhiv5yo-38.png?alt=media&token=e4097aa3-49e1-4863-8905-ce880ff6ba0bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhivf9f-39.png?alt=media&token=587c6da7-20c8-4218-8b30-5891309bab1fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhivoad-40.png?alt=media&token=d6545fb0-79fa-4758-9827-4ba86b76f5aahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmlhivybg-41.png?alt=media&token=8482288f-dcff-4d02-91d1-f1d56fc2de0bhttps://m3.material.io/styles/icons/overview2026-03-30https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltc6k61-01.png?alt=media&token=bad80b42-03e8-49b5-b789-8b6ebab3a62chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltc9xz0-3p-overview-lg.png?alt=media&token=3737bd22-91b3-4151-93c8-1b16c6407564https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmltcduhy-3p-figma-lg.png?alt=media&token=a1c84384-eb21-4e70-a169-394e7bda6b98Array of icons with various stylistic attributes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm15hl4wg-m0zqu7hk-GM3-Styles-Icons-GoogleSymbols-1-v01.mp4?alt=media&token=64493a42-2414-4093-8f2b-9d7167269e042026-03-30Four icons shown with adjusted weight, fill, grade, and optical sizes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm15hn3i9-m0zqvlds-GM3-Styles-Icons-GoogleSymbols-3-v01.mp4?alt=media&token=73e86475-caec-4c9d-9942-ec07a2126feb2026-03-30https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration2025-09-26Motion curve with and without easing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5kg57-GM3-Styles-Motion-EasingAndDuration-1-v01.mp4?alt=media&token=b0bfb5c9-b5e7-4c77-bfbe-f996b6c658202025-07-15Comparison of M2 and M3 easing curves.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5kzx8-GM3-Styles-Motion-EasingAndDuration-2-v01.mp4?alt=media&token=a99083ca-5afd-4a10-9220-11c65b1ec8e12025-07-15Expanding card in a note taking app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5meuq-04%20-%20Emphasized%20easing.mp4?alt=media&token=5b3caf5e-4108-49ab-ba89-9e7664fa9e7d2025-07-15Text field selection in an email app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5ncde-GM3-Styles-Motion-EasingAndDuration-3-2-v01.mp4?alt=media&token=2461a8d8-ff5e-4d4c-9ea1-7f3d4721cbcc2025-07-15Card expanding in a podcast app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5oi36-01%20-%20Start%20and%20End%20on%20screen_1.mp4?alt=media&token=df0b5b40-1394-4585-9c34-2f7098056e152025-07-15Card rising from bottom of screen, then retreating quickly back to bottom of screen after being exited.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5p261-02%20-%20Enter%20and%20Exit%20the%20screen.mp4?alt=media&token=cec5c45c-53d5-4b5a-8540-2a3d7f3d7cb32025-07-15Calendar menu is temporarily collapsed to the left.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5po4q-03%20-%20Exit%20Temporarily.mp4?alt=media&token=c43ef98e-fe31-4e2e-9241-45d618d77d392025-07-15Clock icon is expanded to smoothly take over the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5s08u-05%20-%20Duration%20-%20Do%202.mp4?alt=media&token=3a26c18a-b31d-400d-8f21-fc3131dcae4e2025-07-15Clock icon is expanded rapidly, in abrupt fashion, to take over the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo5r2t6-04%20-%20Duration%20-%20Dont%202.mp4?alt=media&token=961208cd-0b72-4597-93da-e42b8d13fb902025-07-15A series of radio buttons are selected on the Settings screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7qkkx-06%20-%20Small%20area%202.mp4?alt=media&token=25551a98-881c-43bd-a04a-b7cd84f4a10e2025-07-15An album is selected that takes over the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7qvzl-08%20-%20Large%20area%202.mp4?alt=media&token=4b40a6da-65ba-435c-9a87-57eac0eca02a2025-07-15Pop up screen on an email draft has option to delete or cancel.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7rtzk-09%20-%20Enter%20Exit.mp4?alt=media&token=8ffff3e4-1ebb-47e8-999f-04c20b360f6a2025-07-15Bottom sheet uses a longer animation duration to enter and a shorter duration to exit the screen. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7sfc7-10%20-%20Enter%20Exit.mp4?alt=media&token=b1f8076f-4d05-4c67-886d-f3685b452c1e2025-07-15https://m3.material.io/styles/motion/easing-and-duration/tokens-specs2025-09-26A line graph illustrating an emphasized easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7ug8i-GM3-Styles-Motion-Easing_Duration-Tokens-1-1-v01.mp4?alt=media&token=879529b5-4b03-49b3-a203-46657b3148ac2025-07-15A line graph illustrating an emphasized decelerate easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7uv91-GM3-Styles-Motion-Easing_Duration-Tokens-1-2-v01.mp4?alt=media&token=9f0d914d-4fd4-42ff-a924-54be8cf93e5a2025-07-15A line graph illustrating an emphasized accelerate easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7v6ah-GM3-Styles-Motion-Easing_Duration-Tokens-1-3-v01.mp4?alt=media&token=6a20dec3-a717-4ac9-b39e-5bd93a90f2222025-07-15A line graph illustrating a standard easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7vu4c-GM3-Styles-Motion-Easing_Duration-Tokens-2-1-v01.mp4?alt=media&token=7a7c72cc-6c0f-4836-8319-96a7fa2dd0a02025-07-15A line graph illustrating a standard decelerate easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7w7mt-GM3-Styles-Motion-Easing_Duration-Tokens-2-2-v01.mp4?alt=media&token=5dc6520f-ea02-4673-9527-51b9e214e1e42025-07-15A line graph illustrating a standard accelerate easing pattern.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7wjde-GM3-Styles-Motion-Easing_Duration-Tokens-2-3-v01.mp4?alt=media&token=d104f24b-757c-4172-8ff5-10beb509865d2025-07-15Animation showing a 200ms duration and standard easing curve applied to selection control interactions.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7xbhz-GM3-Styles-Motion-Easing_Duration-Tokens-3-v01.mp4?alt=media&token=1e5623d6-026a-425b-8c68-c8853a10882e2025-07-15Animation showing a FAB expanding into a sheet with a 400ms duration and Emphasized easing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7xucu-GM3-Styles-Motion-Easing_Duration-Tokens-4-v01.mp4?alt=media&token=8e049eaf-5050-4c72-b3c7-fd5421f9d6752025-07-15Animation showing a card expanding into a full screen with a 500ms duration and emphasized easing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7ysp0-GM3-Styles-Motion-Easing_Duration-Tokens-5-v01.mp4?alt=media&token=8a2cb049-a5d4-40f8-b7b6-3303a5f9166c2025-07-15Animation showing the transition of an ambient carousel auto-advancing with a 1000ms duration and emphasized easing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flxo7z9jk-GM3-Styles-Motion-Easing_Duration-Tokens-6-v01.mp4?alt=media&token=2d3db148-918b-44e1-9368-780880ec63db2025-07-15https://m3.material.io/styles/motion/overview/how-it-works2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8or28vc-5.png?alt=media&token=12806c6a-d624-4706-87bf-91cc61506aa1Showcase of expressive components and motion curves.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm9d3dbjl-00_Hero%20Expressive%20New_Export.mp4?alt=media&token=8e65768c-f1ca-4bc8-8738-36ca6ca76a2e2025-09-03A circle moves across the screen with expressive motion. It has a trail showing the level of bounce applied.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g74buu-00_Scheme_Spring%20Expressive%20Export.mp4?alt=media&token=36db86e1-4e85-4905-89fb-f82c1fa640912025-09-03A circle moves across the screen with standard motion. It has a trail showing the lack of bounce applied.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g75t7b-00_Scheme_Spring%20Standard%20Export.mp4?alt=media&token=37eb508f-ab3e-42e7-8491-1eac28f85f3a2025-09-03Buttons, FAB menus, and toolbars moving with expressive motion springs.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g79o8z-00_Versatile%20Export.mp4?alt=media&token=5fa65ca6-0cb0-470a-8856-841efe2601662025-09-03A moving shape bounces into place.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g7et1l-00_Tokens%20Spatial%20Pos%20Export.mp4?alt=media&token=589eb77a-314a-4fb3-917f-5ca18dcc1fd52025-09-03A spinning shape bounces into place.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8hvpt-00_Tokens%20Spatial%20Rotation%20Export.mp4?alt=media&token=8515f662-83e8-4a7c-92b1-b796942741e42025-09-03A shape fades in and eases into view.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8j35o-00_Tokens%20Effects%20Opacity%20Export.mp4?alt=media&token=b6ff1430-d858-4053-bbbb-bac2d4dc9ca82025-09-03A shape changes color and eases into the final result.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8k2bk-00_Tokens%20Effects%20Color%20Export.mp4?alt=media&token=eb6350cb-81b8-410c-b991-1ccbad5c70792025-09-03Effects motion in fast, default, and slow speedshttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8v98f-00_AllSpeeds_Expressive%20Export.mp4?alt=media&token=e2706336-378f-4bd8-a5bb-5e0708fd93382025-09-03Spatial motion in fast, default, and slow speedshttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8u69a-00_AllSpeeds_Standard%20Export.mp4?alt=media&token=875faef0-4f97-4143-9839-cc66fc6d51ac2025-09-03A collection of expressive components in motion.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g8ypfu-00_Components%20Export.mp4?alt=media&token=7a1812c2-c6a8-458b-bec1-840659b329f02025-09-03Switch using the expressive motion scheme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g90urt-00_Customization%20Switch%20Expressive%20Export.mp4?alt=media&token=431a79da-59d7-445e-96cc-23be158206732025-09-03Switch using the standard motion scheme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0qp1jmp-00_Customization%20Switch%20Standard%20Export.mp4?alt=media&token=d914f315-63fd-4f3a-991a-c279d6e97e6b2025-09-03FAB menu with an extra stiff custom scheme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g93afq-00_Customization%20Fab%20Instant%20Export.mp4?alt=media&token=929f4440-1e93-4437-8234-a587c30a65422025-09-03FAB menu with a minimally stiff custom scheme.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0g946r2-00_Customization%20Fab%20Soft%20Export.mp4?alt=media&token=37c06170-cc10-4273-94db-5e7ab434c3a62025-09-03https://m3.material.io/styles/motion/overview/specs2025-09-26https://m3.material.io/styles/motion/transitions/applying-transitions2025-09-26Podcast is selected and exited quickly on the left, while a podcast is selected and exited more slowly on the right.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy2t4f-GM3-Styles-Motion-Transitions-ApplyingTransitions-1-v01.mp4?alt=media&token=fa2a937d-d78a-40e2-b173-1df231d43a252025-09-03Multiple apps move in tandem with the same motion effect, appearing in sync.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy4536-GM3-Styles-Motion-Transitions-ApplyingTransitions-2-v01.mp4?alt=media&token=3e39ddab-c487-4fc7-a1b0-ed4d44607bea2025-09-03Podcast window opens with pulsing outline that frames content added slowly.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy6hgi-GM3-Styles-Motion-Transitions-ApplyingTransitions-3-1-v01.mp4?alt=media&token=cc8be2fb-be03-4593-b660-228e3ec752ff2025-09-03Podcast window opens with no outline, and content added into haphazard clusters.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy75ou-GM3-Styles-Motion-Transitions-ApplyingTransitions-3-2-v01.mp4?alt=media&token=63bb733f-6d3d-41a2-a555-07a17fdf7c3d2025-09-03Items in a music library are smoothly transitioned between.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy7y9g-GM3-Styles-Motion-Transitions-ApplyingTransitions-4-1-v01.mp4?alt=media&token=0593dada-d203-46cb-94ff-e77013860d3f2025-09-03Items in a library are selected with stark, quick transitions.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygy8zr2-GM3-Styles-Motion-Transitions-ApplyingTransitions-4-2-v01.mp4?alt=media&token=28543c41-8af9-4581-a2fe-ea1df61fe3672025-09-03An image within a horizontal carousel is also scrolled horizontally.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygya5u9-GM3-Styles-Motion-Transitions-ApplyingTransitions-5-1-v01.mp4?alt=media&token=52f9a8d8-4bad-4a86-9d73-0129dbf5755d2025-09-03An image within a horizontal carousel is scrolled vertically.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyav9v-GM3-Styles-Motion-Transitions-ApplyingTransitions-5-2-v01.mp4?alt=media&token=70a694a8-87f0-4aac-92ca-e35839278d672025-09-03Selected song expands in a cohesive upward direction, marked by two blue lines showing unified movement.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygybwyn-GM3-Styles-Motion-Transitions-ApplyingTransitions-6-1-v01.mp4?alt=media&token=8196d5ad-4a88-4115-9a49-85658394f5cf2025-09-03Selected song expands in a jarring manner with multiple elements moving in different directions, marked by multiple red lines.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygycnpj-GM3-Styles-Motion-Transitions-ApplyingTransitions-6-2-v01.mp4?alt=media&token=d80d50cd-5995-43d4-8bc8-cbd915fdfe4b2025-09-03Selected restaurant information fades out as it shrinks to reveal Google Map beneath..https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygydts6-GM3-Styles-Motion-Transitions-ApplyingTransitions-7-1-v01.mp4?alt=media&token=78f2f378-2cf8-49b3-b4bb-5503c0fb3db52025-09-03Restaurant information remains visible as it shrinks and reveals the map beneath.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyekln-GM3-Styles-Motion-Transitions-ApplyingTransitions-7-2-v01.mp4?alt=media&token=433fc94f-c7f5-4ab1-80e4-b623db721de22025-09-03Message window remains transparent with details visible as it shrinks causing text beneath to become obscured.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyfxw6-GM3-Styles-Motion-Transitions-ApplyingTransitions-8-v01.mp4?alt=media&token=2376992f-18fd-4b9a-b261-20e362cc67212025-09-03Calendar event expands evenly and quickly comes to a rest.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyi588-GM3-Styles-Motion-Transitions-ApplyingTransitions-9-1-v01.mp4?alt=media&token=f130ce91-0fc7-4fdf-ac08-88bc74fd4e9a2025-09-03Calendar event expands with window bouncing momentarily and bouncing again on collapse.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyja80-GM3-Styles-Motion-Transitions-ApplyingTransitions-9-2-v01.mp4?alt=media&token=0a238ff8-344a-4732-a814-16d3aa28d0fa2025-09-03Image within a carousel is selected and expands to fill the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygykdgf-GM3-Styles-Motion-Transitions-ApplyingTransitions-10-1-v01.mp4?alt=media&token=f68eb6c5-da7a-4083-b92d-12c5de44078b2025-09-03Battery life menu item among many setting options is selected and expanded to fill the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyl1ui-GM3-Styles-Motion-Transitions-ApplyingTransitions-10-2-v01.mp4?alt=media&token=dbf61b87-7dd4-4bb9-a2b5-0089aa24655e2025-09-03A One-Year-Ago photo memory is selected and expanded to take over the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyn2vj-GM3-Styles-Motion-Transitions-ApplyingTransitions-11-v01.mp4?alt=media&token=3dc00c81-255a-4949-aecc-9d7eea6608152025-09-03Individual message is selected with simple motion, and moves back with simple motion.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyo6nk-GM3-Styles-Motion-Transitions-ApplyingTransitions-12-1-v01.mp4?alt=media&token=22d57293-6a2e-483c-bded-47eba23c5d2b2025-09-03Individual message is selected, causing a more radical take-over of the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyoxdg-GM3-Styles-Motion-Transitions-ApplyingTransitions-12-2-v01.mp4?alt=media&token=45cdc5a3-f523-4333-8cf4-5d8d4cd365532025-09-03Tabs in a music app shift horizontally without interruption when selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyq7yo-GM3-Styles-Motion-Transitions-ApplyingTransitions-13-1-v01.mp4?alt=media&token=c39877a5-0920-4662-8380-90a83c5f06432025-09-03Tabs in a music app fade as they rotate horizontally.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyr0oo-GM3-Styles-Motion-Transitions-ApplyingTransitions-13-2-v01.mp4?alt=media&token=cc21a566-1e6d-4994-adbd-12cd0607d5ed2025-09-03Message selected within messaging app moves laterally.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygysi3q-GM3-Styles-Motion-Transitions-ApplyingTransitions-14-v01.mp4?alt=media&token=b0016c76-ff2f-4192-82cc-3291a864a9ec2025-09-03Navigation between home and music app occurs with a quick fade, suggesting that items in each are distinct.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygytotc-GM3-Styles-Motion-Transitions-ApplyingTransitions-15-1-v01.mp4?alt=media&token=949878aa-a1be-410e-a1fc-a3e275e7bc062025-09-03Navigation between home a music app occurs in a seamless lateral scroll, falsely suggesting that items in each are connected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyuc8i-GM3-Styles-Motion-Transitions-ApplyingTransitions-15-2-v01.mp4?alt=media&token=2490f24e-1064-4e3e-b45c-6ec8ebbfe4be2025-09-03Animation showing a standard bottom sheet using the enter and exit transition over a map.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygyvia4-GM3-Styles-Motion-Transitions-ApplyingTransitions-16-1-v01.mp4?alt=media&token=b38ee2a8-163e-4e4a-92c8-32ceb19c1ae72025-09-03Animation showing a card expanding to a full screen on click and using the enter and exit transition. https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygywcfr-GM3-Styles-Motion-Transitions-ApplyingTransitions-16-2-v01.mp4?alt=media&token=418b8b05-eb02-4fcd-b251-9e38fa6ab2db2025-09-03https://m3.material.io/styles/motion/transitions/transition-patterns2025-09-26Small, colorful blobs are animated with different motion styles corresponding to the six transition patterns.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfqbdij-GM3-Transitions-TransitionPatterns-1-v01.mp4?alt=media&token=37344f9a-dc0e-4bf7-86a3-826d46ba788b2025-09-03Podcast app is selected from home screen, then individual card is selected, both taking over the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfqc556-GM3-Transitions-TransitionPatterns-2-v01.mp4?alt=media&token=0c23dd89-b0ec-445b-80fe-50c04378ed4d2025-09-031-year memory of flowers is selected within a carousel and takes over screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfqdipk-GM3-Transitions-TransitionPatterns-3-1-v01.mp4?alt=media&token=e5a7ca2c-e68c-42f9-8e15-669bc5136c9a2025-09-03Individual message is selected in messaging app and expands to view complete message.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrbw3w-GM3-Transitions-TransitionPatterns-3-2-v01.mp4?alt=media&token=30769f42-b523-4302-83a3-3bc23f0f7e112025-09-03Grocery list is selected within notes and expands to take over screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrcr6e-GM3-Transitions-TransitionPatterns-3-3-v01.mp4?alt=media&token=8dd88ac4-99df-4d53-966f-2e9021a23b4b2025-09-03Search box for replies within messaging app expands to reveal recent searches and contacts.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrdrxa-GM3-Transitions-TransitionPatterns-3-4-v01.mp4?alt=media&token=7bf2552b-c418-4154-87c4-3ccb336861c02025-09-03FAB is selected and expands to reveal Compose Now action and shortlist of contacts.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrem0q-GM3-Transitions-TransitionPatterns-3-5-v01.mp4?alt=media&token=7c4de1b8-3f8f-460a-b2f6-5c52f845a5cf2025-09-03Song is selected from banner on bottom of screen and expands to take over.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrf9ld-GM3-Transitions-TransitionPatterns-3-6-v01.mp4?alt=media&token=a5dc8901-3704-4be7-b8a6-ddb0889fe4cd2025-09-03Two motions contrasted in messaging app, with top showing Android’s fading movement and bottom showing iOS’s swiftly moving foreground transition.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrilua-GM3-Transitions-TransitionPatterns-4-v01.mp4?alt=media&token=fa5b76e6-9baf-41a5-b0bb-a46b1eae0b072025-09-03WiFi set-up screen demonstrates Android fade effect when next button is selected.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrjhm3-GM3-Transitions-TransitionPatterns-4-1-v01.mp4?alt=media&token=f5f1caac-0bba-4402-9e12-d7550905bc9f2025-09-03Music card uses iOS transition to move back to music app.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrkcfn-GM3-Transitions-TransitionPatterns-4-2-v01.mp4?alt=media&token=31167b8c-9aa6-44e0-8583-f1159a42aba22025-09-03Fading transitions between photos app search bar and selection of Family & friends option.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrldpn-GM3-Transitions-TransitionPatterns-4-3-v01.mp4?alt=media&token=6ca0882e-0f25-4aa5-bcfe-a834b427c4092025-09-03Email is selected from inbox demonstrating Android transition.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrmnfg-GM3-Transitions-TransitionPatterns-4-4-v01.mp4?alt=media&token=f7c9ab56-e46f-43db-8569-b509667975972025-09-03Toggling between tabs for artists and albums in music app reveals lateral movement.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrnslm-GM3-Transitions-TransitionPatterns-5-1-v01.mp4?alt=media&token=09d0ed16-e36b-4ce4-af48-cf21f4f82b5c2025-09-03Photos are swiped through horizontally, each filling the screen.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfroshf-GM3-Transitions-TransitionPatterns-5-2-v01.mp4?alt=media&token=2927b2a2-8ac7-4f9c-9f90-607efa692e932025-09-03Carousel is scrolled through horizontally without use of fades.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrpmn2-GM3-Transitions-TransitionPatterns-5-3-v01.mp4?alt=media&token=6ceb61d3-2aef-4e50-aa04-cf1f5087f8742025-09-03Home and Music options in the navigation are toggled between with fading indicating distinctness of items.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfrrw39-GM3-Transitions-TransitionPatterns-6-1-v01.mp4?alt=media&token=870012dd-e750-4cab-b482-38664dc86ad32025-09-03Inbox menu item selected fades to reveal inbox contents.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs0nn2-GM3-Transitions-TransitionPatterns-6-2-v01.mp4?alt=media&token=b0b86abe-7f8b-4c46-badd-809fbf94192e2025-09-03Chat and Mail options in navigation both produce swift transitions.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs1jfp-GM3-Transitions-TransitionPatterns-6-3-v01.mp4?alt=media&token=e4eacdac-a0ee-4a02-8d09-e504450524912025-09-03Message to permanently delete an email pops up without elevation for both Android and iOS.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs2znj-GM3-Transitions-TransitionPatterns-7-1-v01.mp4?alt=media&token=cc20bc71-2e97-42c5-b08c-4cf7f32ce0592025-09-03Image menu in upper right corner expands downward.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs4dk9-GM3-Transitions-TransitionPatterns-7-2-v01.mp4?alt=media&token=5ea9b2aa-b72c-4a22-b72b-4a08fa05f3232025-09-03A snackbar alert pops up from bottom of inbox screen and FAB emerges from lower right.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs56ki-GM3-Transitions-TransitionPatterns-7-3-v01.mp4?alt=media&token=7ff7b7a9-3ab7-482b-98cd-8ea1add1fa772025-09-03Android and iOS demonstrations of navigation emerging from left edge and new message alert emerging from top edge.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flyfs6out-GM3-Transitions-TransitionPatterns-7-4-v01.mp4?alt=media&token=ff23a41c-989a-45a4-95ab-1d898b9421482025-09-03Selection of comments icon shrinks the main draft field.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxnh2p-GM3-Transitions-TransitionPatterns-7-5-v01.mp4?alt=media&token=5e781c81-9041-407b-bea7-58a93d13f8892025-09-03Top Stories header disappears as user scrolls deeper into news.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxorck-GM3-Transitions-TransitionPatterns-7-6-v01.mp4?alt=media&token=bc2ebd28-4182-4699-a155-d2a2e8dcee0b2025-09-03Scrolling lower through photos hides navigation, saving room for browsing.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxpdy1-GM3-Transitions-TransitionPatterns-7-7-v01.mp4?alt=media&token=c4e1de2b-4fe7-4f6d-869c-b905fd4dcd7f2025-09-03Email notification emerges from top of screen, navigation emerges from left, and keyboard enter from below, all in sequence.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxqtbv-GM3-Transitions-TransitionPatterns-7-8-v01.mp4?alt=media&token=2a6aaa1b-6445-41f7-84d5-4c49d6d54cfe2025-09-03Music app is selected, producing a skeleton soon populated by individual music items in each corresponding outline.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxs24v-GM3-Transitions-TransitionPatterns-8-1-v01.mp4?alt=media&token=2caf8946-4b3f-4f1b-98a2-baad902a24302025-09-03A pulsing animation indicates indeterminant loadinghttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxtkjx-GM3-Transitions-TransitionPatterns-8-2-v01.mp4?alt=media&token=199f90b4-51da-4019-a29d-06158f78f1982025-09-03Content quickly fades in once it's loadedhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Flygxuime-GM3-Transitions-TransitionPatterns-8-3-v01.mp4?alt=media&token=9909e287-adde-4135-88a4-ce1bfeb9f6462025-09-03https://m3.material.io/styles/shape/corner-radius-scale2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c80f7i-1.png?alt=media&token=2bf0cf29-448a-4c9e-a5cf-6b61020ff7edhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c881mj-1.png?alt=media&token=fcb5e003-c5d3-4208-af8a-8766b55ad7eehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fc5xxg-3.png?alt=media&token=874497dc-6354-4952-9e46-cc37c088b431https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fc5nak-4.png?alt=media&token=76b165c6-fa5b-448c-abd8-cc7aef1c6bb4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c8fgh9-2.png?alt=media&token=e9d62c5c-3f8c-44b3-b487-bfe8c1cc0d6chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9cdvx-8.png?alt=media&token=563b34cc-3146-49fc-bb3f-0f10e7721697https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9bsb5-9.png?alt=media&token=659af9fc-48eb-4dde-9246-1537ca7ca5fbhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9fged-6-1.png?alt=media&token=e35e86ab-c7d6-4ade-bba4-9c151eb561f8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9h8uv-6.png?alt=media&token=896b2204-2886-49ac-82a3-bcd76cfce14ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9j8dt-7.png?alt=media&token=56cb6075-ef00-4915-8792-6a95257a4d6dhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c9mtiu-Frame%202134280407.png?alt=media&token=b4a4f136-7509-4d92-b9f7-4c1e11e1a27eShapes with different corner radii.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fbcwaf-08%20-%20Shape%20-%20Corner%20Radius%20Scale%206.mp4?alt=media&token=2a9a25cd-8429-42cb-8a0b-a741ce9004302025-08-21Components with different corner radii.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fbdqeg-09%20-%20Diagram%20Corner%20Rounding.mp4?alt=media&token=7767b025-5f33-4415-867b-af89fa1056122025-08-21Card with text and full corners.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fma463q2b-10%20-%20shape%20-%20Corner%20Radius%20Scale%208.mp4?alt=media&token=982b9a51-c03d-4b4d-86fb-536b49701a442025-08-21https://m3.material.io/styles/shape/overview-principles2025-09-26https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c35amt-1.png?alt=media&token=ab563092-217d-4d71-986d-1b4d87b5ba3ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c3rf47-3.png?alt=media&token=1a6cef2c-83d4-4855-9b91-8121f8a8a0aehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7pa01q8-4.png?alt=media&token=2bd24982-183f-4d94-8da0-d14252f165c4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fc4dnp-6.png?alt=media&token=41b40132-0d83-4de4-9c1b-8b49902356e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0c73wle-8.png?alt=media&token=f1bf9874-6d8e-43c4-ae44-c0d4912ca58bAnimation of available Material shapes.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm8q813wo-01%20-%20shape-Overview%20%26%20principles%202.mp4?alt=media&token=f7376b02-0d4b-4f63-8cec-5b581fd754042025-08-21While a person taps water and squeezes a soft cube, a button in the middle responds similarly.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fc1aun-03%20-%20shape-Overview%20%26%20principles-5.mp4?alt=media&token=81c96d25-cf31-47ab-9c10-c0abdb56b26b2025-08-21Use different types of shape in loading indicators to show progress.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7p9sea1-GM3_Expressive_Shape_Overview%20and%20Principles_7_v17.mp4?alt=media&token=d72dfebe-d9c9-4081-b6da-1338b9eefd932025-08-21Shapes morphing to indicate different states.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7pa308e-GM3_Expressive_Shape_Overview%20and%20Principles_9_v17%20(1).mp4?alt=media&token=e495a6b9-987a-4449-aa23-62cf4f8d5cd02025-08-21Shapes being applied as masks on photos to make them more interesting.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm7pa3b28-GM3_Expressive_Shape_Overview%20and%20Principles_10_4x_V03.mp4?alt=media&token=8a05935d-719e-491f-a6c9-5524055fe4d42025-08-21Shapes spinning and a weather icon transforming into the current temperature.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fmawoi04o-07%20-%20shape-Overview%20%26%20principles%2011.mp4?alt=media&token=3f490dc7-4d09-4c7f-9884-1a9cc8467ddf2025-08-21https://m3.material.io/styles/shape/shape-morph2025-09-26Shapes available in the shape morph API library.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0f9yqna-11-shape_Shape%20morph%201.mp4?alt=media&token=9beace55-e94a-4106-9579-0c3146d3a5cd2025-08-21Morphing buttons react to user clicking.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0fa2ql9-12%20-%20Shape%20Morph%202.mp4?alt=media&token=c3bfdb2d-9657-417a-89f2-27d7b6e5048b2025-08-21Loading indicator with shape morph.https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fgoogle-material-3%2Fimages%2Fm0faip5r-13%20-%20Shape%20Morph%203.mp4?alt=media&token=4311f924-ea87-405a-87df-cc39e0a06e4f2025-08-21https://m3.material.io/styles/typography/applying-type2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacjmd1h-01.png?alt=media&token=79a2e037-f740-45af-928b-d7797f4f54c2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacjqddd-02.png?alt=media&token=d3791091-145c-4dd9-9828-69754731b7dchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacjwt1d-03.png?alt=media&token=7596b7fa-53da-458a-b850-72b9c54d4d77https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacjyz7x-04.png?alt=media&token=e36cd441-e5e5-4f24-90d1-0d2fbea7b583https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack0w9r-05.png?alt=media&token=ccdae452-bdd9-442b-bc4e-e09435155f8ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack28hn-06.png?alt=media&token=0cef2ada-0475-4f19-b7a7-b0076ac858bfhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack408c-07.png?alt=media&token=8dab31f2-ae06-48a5-8476-a665639cad64https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack6viy-08.png?alt=media&token=016b3b3c-05cd-42d5-8741-7406e7ce4f54https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmack8igb-09.png?alt=media&token=838a9a15-4226-4338-8760-3103c3be9d23https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmackbvpu-10.png?alt=media&token=8b6efb52-c3bb-4ce6-8019-d8a0dbee9badhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmackfzlx-11.png?alt=media&token=69c8cd48-e4e7-4233-b6a8-a0fce3602393https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmackjtaf-12.png?alt=media&token=a028295b-e392-4b03-83cb-80422605e25ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fm845h3dq-13-3P.png?alt=media&token=8c767bd8-69da-4967-bccf-ffc786b6c393https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmackqp3j-14.png?alt=media&token=d89cf9a7-ef1e-40c9-8948-4c08304d31e1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafuf50h-15.png?alt=media&token=50f6ace8-34dc-49fa-9316-ac13f2e67fc4https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmackyuk9-16.png?alt=media&token=d6defbe4-08a7-4a42-912e-c0c27c52175bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacl0ia5-17.png?alt=media&token=f1dc7c2b-a738-42d2-8bc3-c3c5c56f31e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacl33y5-18.png?alt=media&token=7f8ef37f-b95a-4023-b919-836853e548echttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacl7cnr-19.png?alt=media&token=ac4b207c-53aa-4d2c-b106-2fefe2a5c2a6https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacldncz-20.png?alt=media&token=064eb61b-e569-4dfd-80b9-88936dc70d75https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafug7pc-21.png?alt=media&token=05424831-215d-4ebd-8801-a1fe5a1b78cahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacln6jx-22.png?alt=media&token=05b53438-a7bb-4621-a8b2-108ae53206e2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacludjq-23.png?alt=media&token=ae09c5ab-7dfa-411b-943e-5661ce0cec90https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaclv7q4-24.png?alt=media&token=164888ea-394c-41c9-b268-6475926bd0echttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacly990-25.png?alt=media&token=ae46732a-1028-4011-bcd0-7c18c0e90a7ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaclzivd-26.png?alt=media&token=730baca9-cf88-4725-b797-8dfaed9f45e9https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadkak1u-27.png?alt=media&token=9f51bcec-912b-4e88-b710-a8a0acb9b46bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadpdpks-28.png?alt=media&token=7b0fb1fe-941b-4336-a2f1-e1d1bd770bb2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadpf3uf-29.png?alt=media&token=5b7520dc-7812-4096-9ad5-fdcc2af54e01https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadpks74-30.png?alt=media&token=72c714c0-5c5d-41a7-a67c-6d4ce6ba5336https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadprtta-31.png?alt=media&token=fa506f5c-76d0-4896-a1ef-f2d96edf97c7https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkuhiupqv-Watch%20phone.png?alt=media&token=05f8c4e5-cf2a-49cd-83e1-424377e06d02https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkuhiw34t-Tablet%20TV%20(1).png?alt=media&token=35c0b6a0-8e2c-4ab3-8eb8-301a0324ef96https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fkuob7g0r-Multi-column%20scaling.png?alt=media&token=4ef7e9cb-04eb-466e-8da5-bca142c6fbc5https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl1fee676-type-length.png?alt=media&token=784583fc-f6df-43d7-971f-2a30f97acde0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fl1fehc9v-type-length-short.png?alt=media&token=e9fcafce-f619-47fe-99ef-918cf1b35c7fhttps://m3.material.io/styles/typography/editorial-treatments2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadq1nd5-01type.png?alt=media&token=9db6d416-d4ea-453d-be71-145a3b505a93https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadq59l2-02.png?alt=media&token=acbe49b8-adf2-4ff1-8902-fac245b3e1e0https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadq8d7w-03.png?alt=media&token=e80c73ee-1a91-4d82-a6d4-083c704da11fhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadqb4ho-04.png?alt=media&token=c653a859-971b-47b4-a0ed-fa87c9572436https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadqewpk-05.png?alt=media&token=c01f4019-695c-4153-8d48-6a0848574e52https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaeb01ji-06.png?alt=media&token=036d06d4-fff4-4a49-aaee-824e9f7df613https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaeb490s-07.png?alt=media&token=875edc77-65fb-42e2-9596-9894e8d5b4e8https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadqr5nh-08.png?alt=media&token=137b7e87-696c-4eef-b3ae-999bfe9335achttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaebxgxh-09.png?alt=media&token=aa01d321-efbd-4aa7-9897-5bb0052ab708https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadqz6gm-11.png?alt=media&token=de2d264e-eea0-4aed-a108-d00d1b2d1ccahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadr3fuu-12.png?alt=media&token=c56d07ea-49cf-41ab-bf44-eff3470b765ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaec8aam-13.png?alt=media&token=1cec73a8-ef3b-4888-a97f-5314eb0c3048https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaecbedx-14.png?alt=media&token=7b874a31-977d-4550-85e9-79b2627a6519https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadrfrnd-15.png?alt=media&token=9157fcba-00c2-43c6-8119-361ce599270chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaecc80f-16.png?alt=media&token=27677fb6-f0e7-4a16-ac5b-af705373b51bhttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaecgvtl-17.png?alt=media&token=f9c8a7df-cb5f-4e83-9d36-ddc19c6807fchttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmadru5uv-18.png?alt=media&token=15ad23a7-ebf4-4db9-a5b6-e8c4a1c7cb00https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaechab8-19.png?alt=media&token=add731a0-daeb-463d-99d6-2db357ea1755https://m3.material.io/styles/typography/fonts2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac6ta60-1.png?alt=media&token=22279a66-9af0-4f58-b1dc-fa0226060f88https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac6xqph-2.png?alt=media&token=725b3d28-c1ba-432f-8e27-f9fb43eb203ahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac73g8d-3.png?alt=media&token=2aa33950-324d-4836-90e4-1f55ca0d01d2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaca32t3-4.png?alt=media&token=4e19a983-a787-4f06-8368-65112f03d582https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaca7fj8-5.png?alt=media&token=93b0a97a-e4d5-4a00-9ef0-808628b7688ehttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacamced-6.png?alt=media&token=0b67278d-ff95-4b5a-adb4-6deee8db786ehttps://m3.material.io/styles/typography/overview2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac4t99d-1.png?alt=media&token=5c81069b-a395-423a-8628-e21378271a22https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac5g88o-2.png?alt=media&token=e6f292d1-1724-4a58-bd97-4a880f6ee0b2https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac5las9-3.png?alt=media&token=dc037127-f767-45bd-b54f-8e0c21af01dahttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac5s4nr-4.png?alt=media&token=c35d6d6c-ff83-494a-8ec5-addb16c6f331https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmac5vn8t-5.png?alt=media&token=51e80a07-4893-4d93-8b06-b402e90e1164https://m3.material.io/styles/typography/type-scale-tokens2025-08-05https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacb26zl-1.png?alt=media&token=85df7aac-915a-4d7b-81b2-3768e32d3cd1https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmacdkln0-2.png?alt=media&token=5a6210f3-6f9b-4a9f-a696-dd9c5fb72d93https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmace0z70-3.png?alt=media&token=33689c0e-cfd1-447c-bc91-4d0b4923186chttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmace6o98-4.png?alt=media&token=6137e281-ba4e-433d-95df-73919fab36behttps://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaceaanz-5.png?alt=media&token=535cedd3-5009-4e2f-ba09-58491b257c94https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmaceu8zs-6.png?alt=media&token=db16dfbe-1515-4a50-b087-d94eefd86868https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafu03rn-7.png?alt=media&token=5efa840c-9af9-4768-ae1e-96bf43bcda65https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafu0asd-8.png?alt=media&token=15982f63-7760-4c29-a1cc-542da5bdde34https://firebasestorage.googleapis.com/v0/b/design-spec/o/projects%2Fm3%2Fimages%2Fmafu0fju-9.png?alt=media&token=3567a3d3-2a94-43b3-97dd-4bd9b04dbe85