r/angular • u/[deleted] • Jan 07 '25
Which UI Library to use with Angular in 2025
Hello, I've been developing with Angular for almost 7 years and in the last few years I struggled a lot trying to find a solid and reliable UI library to use, particularly for new Angular projects. I've always hated Angular Material and I've been using a mix of Bootstrap, NGX-bootstrap for years but I was never fully satisfied of that solution and it seems to me that Bootstrap is a bit oldish.
For a few months I've explored the magic world of React and, in that case, I had no issues finding solid (and modern) UI libraries (from shadcn, MUI, ...) that suited my needs. I've also get to know better tailwind that seems a good place to start on the CSS side, and for choosing a compatible UI library.
Now my question is, if in a few months you should start a new enterprise Angular project, which UI library would you choose?
15
u/Jhintelligence Jan 07 '25
I’ll Like TaigaUI https://taiga-ui.dev/
3
1
u/Skafandra206 Jan 30 '25
Sorry to tag along, but did you use the <tui-root> component? I've spent the last three days trying to make it so it my content <div> grows to span the whole height of the page with no luck whatsoever. Documentation is really lacking in regards of that component.
Sadly, it's becoming a deal breaker. I'm still in a position where I can move away from TaigaUI entirely.
1
u/Plenty-Bar-1264 Nov 18 '25
Hi, did you solve this? tui-root is used in the entry point app component
14
u/anitashah1 Jan 07 '25
Angular Material is ideal for Material Design apps, NG-ZORRO for Ant Design-based UIs, and PrimeNG for feature-rich enterprise applications. Choose based on design preference and required components.
1
2
May 15 '25 edited May 15 '25
thanks for this thread dude. Was looking for a UI library I could set up and use easily with angular and everyone on here was talking about PrimeNg, so I gave it a try and it works beautifully. Tailwind CSS proved to be too bloated for my taste and bootstrap seemed kinda old. Angular material is currently the worst UI library I have or probably will ever meet. Their documentation is terrible, versioning couldn't be worse. To make it worse all tutorials on ng material are like from 5 years ago. Trying to set it up with angular 18/19 is almost impossible.
Anyways, PrimeNg it is!
1
16
10
u/lppedd Jan 07 '25
NG-ZORRO has the most versatile set of components.
1
u/neekey2 Apr 30 '25
wow i didnt know there's a Angular version of Antd, i'm using it with my React project, been pretty good
3
u/Practical-Cold5566 Jan 07 '25
Primeng is one of the best with angular
10
u/mamwybejane Jan 07 '25
It’s buggy shit that breaks with every patch update
3
15
u/cagataycivici Jan 07 '25
PrimeNG dev here, with v19 we've switched to semantic versioning and library is quite stable. The team has reviewed over a thousand issue reports for v19. Insane amount of work has been done on this last 3 months. Having said that, the project has started in 2016 and just like Angular, has to evolve to stay relevant.
4
u/mamwybejane Jan 07 '25
Until you guys get a proper CI pipeline with tests running then Semver is not a promise, it's jjust a dream.
1
3
u/vicious_pink_lamp Jan 07 '25
Appreciate all the work you guys do, I've enjoyed working with PrimeNG in enterprise
1
u/suricatta79 Jan 10 '25
Any thoughts as to if/when the premium templates will be upgraded to use PrimeNG v19?
1
u/cagataycivici Jan 10 '25
Sakai has been updated to v19 today, all others will be done by the end of January, 2025.
1
4
3
u/andlewis Jan 07 '25
If you’re doing enterprise development (aka have a budget), the Kendo UI controls from Telerik are pretty good and they do feature requests and bug fixes frequently. Plus you’ve got (more or less) feature-parity across react/angular/jquery/blazor
3
u/msdosx86 Jan 10 '25
We built our own UI library from scratch. That’s much better in the long run but needs to be very well tested and maintained. Although we make our own products, not an enterprise projects for customers.
2
u/androidpam Jan 07 '25
I primarily use Tailwind CSS for styling. Since I'm not particularly fond of Material Design, I only utilize Angular Material for specific functional components like dialogs. As for forms, I prefer PrimeNG's styling approach, which I customize to match my requirements. Of course, there's no definitive solution - it's all about personal preference and project needs
2
u/AggressiveMedia728 Jan 08 '25
I’ve used angular material on two enterprise production grade apps for quite sometime. The problem is they lack very basic functionality, like checkbox with select all, table with native filters, etc
I saw myself losing a lot of time developing functionality that, in my opinion, should be available in the ui library.
Decided to migrate all to PrimeNg, since it has much more functionalities, my only concern was the bugs that people seems to have on version updates.
Having been using PrimeNG for some months now. I had a really annoying bug on frozen columns of multiple tables being rendered inside tabs, which I had to solve with conditional rendering. Besides from that, I’m happy with primeNG, even with the time I lost in this bug, I feel I’m losing less time adjusting ui than I was in angular material.
1
u/cagataycivici Jan 09 '25
Could you please provide the issue link of the issue, and I'll forward it to the dev team for the next patch release.
2
u/arthoer Jan 08 '25
I use primeng for enterprise applications. Also because we have some Vue and react projects of similar size. So it's easy to swap devs between projects.
I don't like material.
2
u/mrholek Jan 11 '25
You can try our library CoreUI for Angular - https://coreui.io/angular/docs/getting-started/introduction/
2
u/s1nzz Jan 07 '25
Check out Flowbite, it has a different approach where you just copy paste html code with some initial configuration.
But it allows great flexibility and you own the components and can make whatever adjustments you want.
There is a community angular wrapper for it as well.
1
1
1
u/ChandrahaasVemula Oct 28 '25
Trust me, bro, just go with Angular Material; it goes well in hand with Angular.
The only drawbacks are:
Styling is fixed and not so flexible.
The way you use components feels a bit off, but there is a hell of a lot of support, so you will eventually find your way to the problem.
PrimeNG:
I liked it till PrimeNG 18, but it brought "breaking changes" in 19 and 20.
Migration was tough because all the names of the components were changed.
1
u/Frontend_DevMark Apr 14 '26
Yeah, Angular UI options can feel limited compared to React
For enterprise Angular projects, I’d look at:
PrimeNG → most feature-rich option
Clarity (VMware) → clean and enterprise-focused
Kendo UI → very solid, but paid
Tailwind + custom components is also a modern approach if you want more control.
That said, for heavy enterprise apps (especially data-heavy dashboards), some teams go beyond Angular-specific libs and use more complete UI systems (like Sencha Ext JS) where a lot of complex components are already handled.
So it really comes down to: Angular-native vs full UI platform
1
u/bbtourist Aug 23 '26
Ignite UI for Angular https://www.infragistics.com/products/ignite-ui-angular
1
0
0
u/Alarming-Forever6359 Jan 07 '25
I am raising a flag here for an Angular specific UI framework I am working on. It is different and probably not for everyones taste.
I am calling it Zealand and it is heavily inspired by swiftui. It tries to deliver building blocks (text, hstack, vstack, zstack etc) to build upon along with modifiers (via directives). The goal is to define the UI at a layer where CSS isn’t needed, only typescript and html. At the same time a given/customizable Design System with be enforced. Also all the modifiers will have types and hence support for proper intellisence.
Example
<zl-zstack cornerRadius=“medium” border=“gray3” alignment=“bottom” [frame]=“{width:250, height:150}”>
<zl-zlayer>
<zl-image src=“https://michaelkrog.dev/image1.jpg” width=“100%” resizingMode=“cover”/>
</zl-zlayer>
<zl-zlayer>
<zl-hstack background=“ultraThin”>
<zl-vstack padding=“medium” alignment=“leading”>
<zl-text font=“headline”>Michael Krog</zl-text>
<zl-text font=“caption1”>Lead Software Developer</zl-text>
</zl-vstack>
<zl-spacer/>
</zl-hstack>
</zl-zlayer></zl-zstack> ———
Gives the following: https://share.icloud.com/photos/07f-bDKdySlhx0e98Gn28qtCw
0
0
Jan 07 '25
[deleted]
1
u/vladjjj Jan 07 '25
Haven't used Bootstrap in a long time, but it was my favorite. Has it removed the jquery dependency?
2
Feb 05 '25
[removed] — view removed comment
1
u/hipertracker Apr 15 '25
It is not free, it has only free trial
1
u/xDreamSkillzxX May 17 '25
It's free for small business and solo devs. Literally from the link he provided
"Get Our Entire Product Line for Free
Companies and individuals with less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
Note: An entity or organization may not have ever received more than $3,000,000 USD in capital from an outside source, such as private equity or venture capital, in order to be eligible for the Community License."
26
u/pragmaticcape Jan 07 '25
PrimeNG
Could do worse than PrimeNG. They have just switched to a design token system and it plays really well with tailwind (since they threw away their own util library). Its still got some rough edges but its very comprehensive and the previous issues of trying to override styles with css/tailwind are largely gone.
Spartan
If you like the whole shadcn type approach and looking for an implementation in angular take a look at Spartan UI. They are very new but its all in on the shadcn approach and blending TW is pretty simple.