How to Enable Material Design in Google Chrome Browser

Most of the people are using Google Chrome stable browser variant (learn about all google chrome variants), And the latest version includes Material UI design and effects. (try clicking on bookmarks, settings icon). Google Chrome is on top in browsers battle, and we’ve seen it can block certain websites, and provide a dedicated remote desktop access tool for screen sharing purposes.

Google Chrome’s top bar UI is pretty much elegant now, and that’s why Google calls it Material Design. Material Design is now fully implemented in Google Chrome and there is nothing much more you can do right now.

https://material.io/design

Although you can turn on the Material design in other elements of the browser such in Settings, History, Bubbles, Buttons, and pretty much everything inside the Chrome.

Related: 17 Killer Google Chrome Features You Should Know

How to Enable Material Design in Almost everywhere in Google Chrome Browser.

First, let’s see all the screenshots of Material Design in Google Chrome and you can do the same by following this guide.
 

Material Design on Google Chrome Browser’s Settings Page.

Type chrome://flags in the address bar and search “Enable Material Design settings” and set the dropdown to “Enabled.”


You will be asked to relaunch the chrome browser to apply changes.

chrome://flags#enable-md-settings

Material Design Settings (Clear Browsing Data page)

Enabling the chrome://flags#enable-md-settings applies for this area too.

Material Design on Google Chrome Browser’s Extensions Page.

Type chrome://flags in the address bar and search “Enable Material Design extension” and set the dropdown to “Enabled.”

chrome://flags/#enable-md-extensions


You will be asked to relaunch the chrome browser to apply changes.

A cheat sheet for all the elements

Use this section to quickly find all the settings in chrome://flags that you may want to turn on to enjoy full material design in google chrome.

Enable Material design in Chrome Browser’s Top native UI

chrome://flags/#top-chrome-md

Enable Material design rest of the Chrome Browser-native UI

chrome://flags/#secondary-ui-md

More places to turn on the Material design.

Enable Material Design settings

If enabled, the chrome://settings/ URL loads the Material Design settings page.


chrome://flags#enable-md-settings

Enable Material Design History

chrome://flags/#enable-md-history

Enable Material Design in extensions

If enabled, the chrome://extensions/ URL loads the Material Design extensions page.

chrome://flags/#enable-md-extensions

Enable Material Design Policy Page

chrome://flags/#enable-md-policy-page


Enable Material Design in User Manager

When enabled, the Switch person button in the avatar menu launches the new Material Design user manager. #enable-material-design-user-manager

chrome://flags/#enable-material-design-user-manager

Use material design in user menu

When enabled, the desktop user menu will be switched to the material design version with a more natural flow.

chrome://flags/#show-material-design-user-menu
 

••

Google Chrome is slowly enabling the material design everywhere and in every aspect of the browser, and for most of us this is a good thing. However, you can turn off the material design by going to each material design setting in chrome://flags or use chrome://settings-frame/ to revert in once.
 
Read more guides on Google Chrome.
Share this article
Shareable URL
Prev Post

How to Use Slide To Shutdown Function in Windows 10

Next Post

Fix Your Loose USB Ports with This Little Trick You Never Imagined

Comments 1
  1. It’s going to be ending of mine day, except before end I am reading this wonderful post to increase my knowledge.

Leave a Reply

Your email address will not be published. Required fields are marked *

Read next