Polymer vs Vuetify: What are the differences?
Developers describe Polymer as "A new library built on top of Web Components, designed to leverage the evolving web platform on modern browsers". Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds. On the other hand, Vuetify is detailed as "Material Component Framework for VueJS 2". Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.
Polymer and Vuetify can be primarily classified as "Front-End Frameworks" tools.
"Web components" is the top reason why over 49 developers like Polymer, while over 7 developers mention "Wide range of components and active development" as the leading cause for choosing Vuetify.
Polymer and Vuetify are both open source tools. Polymer with 21.1K GitHub stars and 2K forks on GitHub appears to be more popular than Vuetify with 20K GitHub stars and 2.32K GitHub forks.
According to the StackShare community, Polymer has a broader approval, being mentioned in 42 company stacks & 32 developers stacks; compared to Vuetify, which is listed in 37 company stacks and 36 developer stacks.
What is Polymer?
What is Vuetify?
Need advice about which tool to choose?Ask the StackShare community!
Sign up to add, upvote and see more prosMake informed product decisions
What are the cons of using Polymer?
What are the cons of using Vuetify?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Polymer?
I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.
The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.
Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.
In process of Learning Technics- Studing to know more. I was introduced in a Google event.
Polymer is another Google offering that focuses on Web Components, an up-and-coming collection of technologies that provide web developers with the ability to create customer HTML elements.
Polymer is super future-focused and really great to build in. The biggest plus for us is how its component-focused approach keeps things modular and maintainable. It also makes it really easy to implement material design.
We use Vuetify because we needed something that back end devs could get up to speed with quickly