Material Design for Angular vs Polymer vs Primer

Need advice about which tool to choose?Ask the StackShare community!

Material Design for Angular

11.5K
9.3K
+ 1
519
Polymer

558
461
+ 1
122
Primer

12
51
+ 1
7

Material Design for Angular vs Polymer vs Primer: What are the differences?

#### Introduction

Key differences between Material Design for Angular and Polymer and Primer are highlighted below:

1. **Architecture**: Material Design for Angular follows a component-based architecture where components are reusable and encapsulated, while Polymer utilizes web components for building custom elements, and Primer is a design system that provides guidelines and components for consistency.

2. **Styling Approach**: Material Design for Angular includes predefined styles and themes that can be easily customized, Polymer uses CSS variables for flexible styling, allowing for easier theming, and Primer offers a minimalistic design language with a focus on simplicity.

3. **Integration**: Material Design for Angular offers seamless integration with Angular framework, with built-in components and directives, Polymer focuses on web component standards for compatibility with various frameworks, and Primer provides a lightweight CSS framework that can be used with any front-end technology.

4. **Component Library**: Material Design for Angular provides a rich library of ready-to-use components following the Material Design guidelines, Polymer emphasizes creating custom elements using web components, and Primer offers a set of foundational components with a focus on typography and layout.

5. **Community Support**: Material Design for Angular benefits from a large community of developers contributing to the ecosystem, Polymer has a dedicated community focused on advancing web component standards, and Primer has a community of designers and developers creating themes and extensions for the design system.

6. **Customization and Extensibility**: Material Design for Angular allows for easy customization of components through theming and styling, Polymer enables creating highly customizable elements with JavaScript behavior, and Primer offers extensibility through Sass variables and mixins for quick styling modifications.

In Summary, Material Design for Angular, Polymer, and Primer differ in their architecture, styling approach, integration capabilities, component libraries, community support, and customization options.
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Design for Angular
Pros of Polymer
Pros of Primer
  • 121
    Ui components
  • 62
    Backed by google
  • 51
    Free
  • 50
    Backed by angular
  • 47
    Javascript
  • 34
    Open source
  • 32
    Responsiveness
  • 30
    Easy to learn
  • 28
    Quick to develop
  • 20
    Customizable
  • 8
    Powerful
  • 8
    Easy to start
  • 6
    Flexible
  • 6
    Themes
  • 4
    Flexbox Layouts
  • 3
    Great community
  • 3
    I like its design
  • 2
    Great extensions
  • 1
    Consistents
  • 1
    CDK
  • 1
    It's the best looking out of the box
  • 1
    Seamless integration with AngularJS but lack of docs
  • 0
    Progressive Web Apps - to learn
  • 52
    Web components
  • 30
    Material design
  • 14
    HTML
  • 13
    Components
  • 5
    Open source
  • 4
    It uses the platform
  • 3
    Designer friendly. HTMLX concepts
  • 1
    Like the interesting naming convention for elements
  • 4
    simple
  • 2
    Pretty
  • 1
    Maintained by GitHub

Sign up to add or upvote prosMake informed product decisions

Cons of Material Design for Angular
Cons of Polymer
Cons of Primer
  • 4
    No practical examples
  • 1
    Last version is like 2 years ago? that's totally rad
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

    What is Material Design for Angular?

    Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

    What is Polymer?

    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.

    What is Primer?

    Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Material Design for Angular?
    What companies use Polymer?
    What companies use Primer?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Material Design for Angular?
    What tools integrate with Polymer?
    What tools integrate with Primer?
      No integrations found
        No integrations found
        What are some alternatives to Material Design for Angular, Polymer, and Primer?
        Material Design for Bootstrap
        It is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
        Material Design
        Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        Tailwind CSS
        Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
        See all alternatives