Which UI library should I learn? Ng Zorro, Material UI or Something else? | Angular Community | Page 1

foggy coral Sep 17, 2022, 3:30 PM

#

Hello everyone!
I'm beginner and want implement UI library. Which one should I choose?

verbal granite Sep 17, 2022, 4:12 PM

#

Hi,
I would recommend to start with Angular Material. It's better implemented and easier to setup. NgZorro may be a bit confusing.

foggy coral Sep 17, 2022, 4:18 PM

#

verbal granite Hi, I would recommend to start with Angular Material. It's better implemented an...

What is the difference between them.

verbal granite Sep 17, 2022, 4:24 PM

#

NgZorro comes from AntDesign by Alibaba. Angular Material is a component library by Material Design by Google.

I guess the main diffrence are the component styles
https://material.angular.io/
https://ng.ant.design/components/overview/en

In Material each material component is a real component itself, NgZorro uses also directives to apply their styles.
NgZorro Theme is using less and the Material Theme Sass.

Angular Material

UI component infrastructure and Material Design components for Angular web applications.

NG-ZORRO - Ant Design Of Angular

Components | NG-ZORRO

NG-ZORRO provides plenty of UI components to enrich your web applications, and we will improve components experience consistently.

foggy coral Sep 17, 2022, 4:27 PM

#

zorro's size is large and download from npm is much less compared with material. I'm confused about what kind of benefit we'll get from zorro compared with material.

verbal granite Sep 17, 2022, 4:29 PM

#

Well, they have more components. And one problem about material is, that if you dont want to let it look like material, youll have a problem

sharp urchin Sep 17, 2022, 4:29 PM

#

foggy coral zorro's size is large and download from npm is much less compared with material....

It's not just about size. Choosing a ui library is about design and features and there is no good answer. Choose the one which fits your needs

foggy coral Sep 17, 2022, 4:37 PM

#

Thanks

meager stag Sep 17, 2022, 7:13 PM

#

Zorro has a unique look to it which fits certain contexts better, and some of their components are unique (or improvements) to material

#

I personally don't like Material's design language for the context's in which I'm working (ie longer forms, desktop vs mobile contexts, etc)

#

That being said - from a technical perspective, Zorro is a mess

#

I would say that if you can get what you need design wise from Material - 100% use material

#

The Zorro team didn't upgrade the library to v14, for example, for months after the release of 14

#

I'm looking for ways to phase zorro out

#

So if you think that Angular Material reasonably meets your needs - stay with that.

#

@foggy coral

#Which UI library should I learn? Ng Zorro, Material UI or Something else?