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.
What is Material Design for Angular?
What is Stylus?
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 Material Design for Angular?
What are the cons of using Stylus?
Sign up to get full access to all the companiesMake informed product decisions
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.
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)
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.
Used the concept idea of Material Design from Google for our basic UI. This one is a great implementation source for our Angular Framework.
The main application uses this, it's great and solid base for app development in AngularJS.