Material Design Coming To Chrome Desktop Browser

Google / Tech

Material Design, first present on Android devices, has slowly been creeping across other Google properties like Google Play Music. With the upcoming Chrome 50 update, Material Design will be making its way to Google’s Chrome browser on desktop operating systems.

Sebastien Gabriel, Senior designer at Google for Chrome and Chrome OS, posted the news and some screenshots over on Dribble. Gabriel mentioned that the Material Design redesign of Chrome has been a year in the making, and consisted of a complete revamping of how the Chrome Core UI works which included removing over 1200 PNG images and moving to fully programmatic rendering of Chrome, including the icons.

Other changes include:

  • New default theme.
  • Complete overhaul of the Incognito theme with a new dark color.
  • Complete revamp of tab shapes, icons, and omnibox to match mobile.
  • Introducing Material Design ripples and morphing buttons states.
  • New color, more accessible color scheme.
  •  New info bars and buttons.

In addition, an alternate hybrid layout which utilizes a more comfortable layout will be enabled by default for touch-enabled devices. As you can see in the screenshot below, there’s not much difference in look between normal and hybrid layouts, however there is a bit more spacing for touch-enabled devices.


While there’s no release date for Material Design on Chrome as of yet, as Gabriel indicates it’s still a work in progress, you can test it out by downloading Chrome Canary on Windows or Mac computers and enable “Material design in the browser’s top chrome” in about:flags in the browser and check out the new fully programatically rendered Chrome browser.

What do you think about Material Design coming to Chrome? Let us know in the comments below, or on Google+, Twitter, or Facebook.

  Source: Dribble
To Top