The Best Material Design Vue Framework

John Maeda
Aug 8, 2018 · 2 min read

Originally published on my blog over here.

Wow there’s lots of options out there if you want to play with a Material-y world and Vue. I’ve been spending the last two days playing around with a bunch of them, and I even got a Tweet back from the creator of Vue (how cool!).

So far I’ve tried out:

  1. Material Components Vue via Mats Pfeiffer

They are listed above in order of increasing complexity and level of completeness. Easiest (=1) to hardest (=4). Which one is the best? Uuuuuh … I’ll have to use my favorite HR answer: it depends.

  • Material Components Vue is one of the closest approach to the developer reference work by Google and it’s using the “simple approach” which I don’t think is really simple at all for anyone to do, so I’m glad that Mats did it for us. It has the smallest number of components to choose from as it’s a little behind the main MDC’s development velocity.

On the other hand, if you want to take advantage of SSR (Server Side Rendering) you’re going to want to use Nuxt which is better integrated with the two more complex options.

  • Vue Material’s got a lot of great documentation and a full array of components. I tried out most of the examples and it all worked the way I expected it to.

Which one am I going to use? I dunno but I am thinking I might go down door number 2 to start as I like to start from as close as possible to the basics. — JM

John Maeda

Written by

Automattic's Global Head, Computational Design and Inclusion. Formerly Kleiner Perkins venture capital in Silicon Valley, RISD, MIT Media Lab.