Get Advice Icon

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

Material Design for Angular
Material Design for Angular

2.9K
2.3K
+ 1
496
Stylus
Stylus

317
227
+ 1
324
Add tool

Material Design for Angular vs Stylus: What are the differences?

Material Design for Angular: Material Design for AngularJS Apps. 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; Stylus: Expressive, robust, feature-rich CSS language built for nodejs. Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Material Design for Angular belongs to "Front-End Frameworks" category of the tech stack, while Stylus can be primarily classified under "CSS Pre-processors / Extensions".

"Ui components" is the primary reason why developers consider Material Design for Angular over the competitors, whereas "Simple" was stated as the key factor in picking Stylus.

Material Design for Angular is an open source tool with 16.5K GitHub stars and 3.57K GitHub forks. Here's a link to Material Design for Angular's open source repository on GitHub.

According to the StackShare community, Material Design for Angular has a broader approval, being mentioned in 279 company stacks & 369 developers stacks; compared to Stylus, which is listed in 69 company stacks and 45 developer stacks.

- 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 Stylus?

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.
Get Advice Icon

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

Why do developers choose Material Design for Angular?
Why do developers choose Stylus?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Material Design for Angular?
      What companies use Stylus?

      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 Stylus?
      What are some alternatives to Material Design for Angular and Stylus?
      Material Design for Bootstrap
      This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
      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.
      Foundation
      Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
      UIkIt
      UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
      See all alternatives
      Decisions about Material Design for Angular and Stylus
      No stack decisions found
      Interest over time
      Reviews of Material Design for Angular and Stylus
      Review ofStylusStylus

      One of the main reasons I use it is that it combines most of what I like but is spread across other preprocessors.

      The option to make functions that take places of properties is amazing. ie. border-radius: "child" $parent-radius can actually be calling a function like border-radius("child", $parent-radius) where using border-radius: 4px would just implement the standard expected result.

      Add in my favorite selector: `^[-1..-1] to get the last raw selector in a nested situation. (its like magic in combination with BEM naming syntax)

      How developers use Material Design for Angular and Stylus
      Avatar of Promethean TV
      Promethean TV uses Material Design for AngularMaterial Design for Angular

      The Angular Material Design framework is used by the Promethean TV Broadcast Center Tool and provides a common set of UI/UX elements on top of Angular.

      Avatar of Youpooly Corp.
      Youpooly Corp. uses Material Design for AngularMaterial Design for Angular

      Used the concept idea of Material Design from Google for our basic UI. This one is a great implementation source for our Angular Framework.

      Avatar of Vizzbuzz
      Vizzbuzz uses Material Design for AngularMaterial Design for Angular

      The main application uses this, it's great and solid base for app development in AngularJS.

      Avatar of LapNghiep
      LapNghiep uses StylusStylus

      Accompanied with ReactJS code

      Avatar of Thomas Hunsaker
      Thomas Hunsaker uses StylusStylus

      I hate CSS.

      How much does Material Design for Angular cost?
      How much does Stylus cost?
      Pricing unavailable
      Pricing unavailable
      News about Material Design for Angular
      More news