At Google I/O 2014, Google announced its vision to adopt the Material Design standard for all its major platforms, including Android OS, Chrome OS, and the Web. The reason it adopted the same design language for all its platforms was Google’s vision of providing a unified user experience to its users across all its services. Since its launch, we’ve seen the Material Design language be heavily incorporated into Google’s Android and Chrome OS platforms. However, even though Android and Chrome OS have received a significant update with Material Design, the Chrome browser is still a thing of the past. But that doesn’t mean Google has completely abandoned the Chrome browser (as far as Material Design is concerned).
In fact, since 2016 we’ve been seeing a lot of experimental Material Design elements built into the Chrome browser. Recently, the Chrome browser’s Settings page has been updated to the Material Design language. However, most of Chrome’s UI does not support Material Design as the changes are still in development. These changes are still in “beta” so they don’t appear in your Chrome Browser by default. However, there is a way to enable them if you want. Note that these features are still in development, so they may suffer from some bugs here and there. So, out of the way, let’s see How to enable Material Design in Chrome browser:
Enable Material Design UI in Chrome
Before we start, you should understand that there are many design elements in the Chrome browser. Many of these elements have a corresponding Material Design element in development. Before you start enabling Material Design elements, you should first read a little about them to understand what changes you’ve made. To make things easier for you, I will add a short description for all the changes. . All right, let’s not waste any more time and get started.
one. Go to Chrome’s “Flags” page typing “chrome://flagsEnter ” into the address bar and press enter/return. As I warned you above, on this page Chrome will show you a warning phrase. Don’t worry too much, it will be just like using the beta version of the software. You may experience some errors, but nothing major.
2. Now, Press Ctrl+F (Cmd+F if using a Mac) and in the popup box write the words “material design” (without quotes).
3. Now, depending on when you use this tutorial, the number of hits you will get may vary (I took 13). This is because Google continues to add and delete these items. Now, Use the “arrow buttons” next to the text field to move between strokes.
Enable Material Design in Different Elements of Chrome
Now that you know how to move between items, let’s take a look at the items we’re going to change. Whenever we make a change, Chrome will ask you to restart the browser to reflect the changes. However, you don’t need to do this for every change, just restart the browser after making all the changes.
- Material Design in the rest of the browser’s native UI: On the “Flags” page, use the arrow keys to find this subheading and then enable it. Enabling this setting changes the material design to dialog boxes, bubbles, etc. found in the Chrome browser. applies to finer design elements such as On Mac, this setting enables MacViews.
- Enable Material Design policy page: This changes Chrome’s policy page (
chrome://policy) To reflect the material design.
- Enable Material Design bookmarks: When you enable this setting, “
chrome://bookmarks” The URL will load the Material Design bookmarks page. To do this Click the drop-down menu marked in the picture and select the “Enabled” option.
- Enable Material Design feedback: As the name suggests, this will change the feedback page to include the Material Design language.
- Material Design Hidden NTP: This setting ensures that your Incognito New tabs conform to the Material Design.
- Enable Material Design settings: If you’re using the latest version of Chrome, you should already have the new Material Design on your Settings page. However, if not, this is where you can enable it.
- Enable Material Design extensions: This replaces Chrome’s “Extensions” page (
chrome://extensions) Adopting Material Design.
- After enabling all of the above options, just click the “Restart Now” button Click on the bottom of your browser to activate these changes.
At the time of writing this article, these are the only options available. However, as I mentioned earlier, these options keep changing from time to time. Well, Be sure to check the “Flags” page once in a while. to get the latest updates. I’ve also included before and after photos of my Extensions page. In the photo you can see the effects of making these changes.
SEE ALSO: Top 10 Security Extensions for Google Chrome
Enable Material Design in Chrome
I really like Google’s Material Design language. It makes everything look beautiful and feel fluid. Animations are just perfect. It’s good to see that Google is trying to unify the user experience across all its platforms. This move will benefit all users. But that’s my point of view, what about yours? Do you think the new Material Design in Chrome browser will make it better? Let us know your thoughts by leaving them in the comments section below.
