Need advice about which tool to choose?Ask the StackShare community!
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 MorePros of Material Design for Angular
Pros of Polymer
Pros of Primer
Pros of Material Design for Angular
- Ui components121
- Backed by google62
- Free51
- Backed by angular50
- Javascript47
- Open source34
- Responsiveness32
- Easy to learn30
- Quick to develop28
- Customizable20
- Powerful8
- Easy to start8
- Flexible6
- Themes6
- Flexbox Layouts4
- Great community3
- I like its design3
- Great extensions2
- Consistents1
- CDK1
- It's the best looking out of the box1
- Seamless integration with AngularJS but lack of docs1
- Progressive Web Apps - to learn0
Pros of Polymer
- Web components52
- Material design30
- HTML14
- Components13
- Open source5
- It uses the platform4
- Designer friendly. HTMLX concepts3
- Like the interesting naming convention for elements1
Pros of Primer
- simple4
- Pretty2
- Maintained by GitHub1
Sign up to add or upvote prosMake informed product decisions
Cons of Material Design for Angular
Cons of Polymer
Cons of Primer
Cons of Material Design for Angular
- No practical examples4
Cons of Polymer
- Last version is like 2 years ago? that's totally rad1
Cons of Primer
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?
What companies use Material Design for Angular?
What companies use Polymer?
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?
What tools integrate with Material Design for Angular?
What tools integrate with Polymer?
No integrations found
What tools integrate with Primer?
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.