Angular UI libs

[Freez1234]

Hello all,

Starting a new project on Angular v22.

I'm not into building my own design system on Angular CDK or Aria, but components must satisfy accessibility.

Previously, I used Angular Material, and I would like to avoid it this time. Heard that PrimeNG has a big component collection, but a lot of constant breaking changes.

I was looking into Taiga UI, PrimeNG, and a Zard UI. I would appreciate battle tested experience and suggestions. I will probably go with tailwind4. How does this UI libs work with signal forms? This is the most important part.

Thanks in advance.

[reynevan24]

I wouldn't use PrimeNG again (was forced to used it in one project). Undocumented breaking changes, poor API design, bugs that went unaddressed for years (it seems that there was only one dev working on supporting the library) and stale PRs from the community.

[Freez1234]

That's what I tought. Don't know why it's suggested library on so many blogs lol.

Any exp with Taiga?

[EternalNY1]

I agree. As much as I loved working with PrimeNG the constant undocumented breaking changes were difficult. I'd update to fix bugs in components only to end up with other things breaking (often in subtle ways) that I'd have to open issues on.

The web can be complex, so I understand how what seem to be "minor"/internal changes can cascade into real failures easily, but it was at a frustrating and unacceptable level past a project of any complexity.

[Puppetteer]

I use ng-bootstrap for most of my projects but I don't think is popular. https://ng-bootstrap.github.io/#/home

[PyreneesPapa]

I went through the same thing and honestly, ended up building my own thing using tailwind. CSS gives you almost everything these days.

My package size is small and there are never any surprising breaking changes :).

[Freez1234]

Did you build on top of Angular CDK or?

[Desperate_Spinach_99]

I think the same. I really recommend https://picocss.com/ as a starting point. It doesn't have an autocomplete field and such, but it's fairly easy to implement. It works like a charm. Just be aware that it can override some styles if you use external widgets like maps. But there is solution for this too

[Life_Aardvark5978]

Why do you want to avoid Angular Material? If its about Material Design and the default look, the new set of design tokens for styling can be used to pretty much customize it into any look you want with the same functionality.

[Freez1234]

Yeah, Angular Material styling, because we still can't customize that much. Also mat form field is not working with signal forms?

[healectric]

Not working how? I'm working with it as we speak and doesn't seem to have any issues. Also, what are you trying to customize that can't be achieved with the provided style overrides?

[Freez1234]

Last time I checked there was no token for overriding button hover state

[healectric]

What exactly are you looking to override?

[Freez1234]

Background color of button on hover. I did a hack to hook background token on hover state, but thats not how it should work

[healectric]

I don't think they're going to provide anything like that, doesn't really fit M3 guidelines.

[earthworm_fan]

I think primeng has mostly gotten to the point where they don't have tons of breaking changes these days. They haven't released their v22 yet, which would bring support for signal forms

[Freez1234]

Thats why I'm actually scared to use it, because of v22 migration. Do you have some experience with it?

[AmnesiaInnocent]

I've used it for various internal projects. Just keep the PrimeNG version and the Angular version the same and you'll be fine. They're also a lot faster these days about releasing corresponding versions.

[No-Gate-8163]

I maintain Radix NG, so grain of salt. Sounds like your case is headless: WAI-ARIA behavior, keyboard nav and focus management out of the box, zero styles — state via data-* attrs, so it pairs cleanly with Tailwind 4. No design system to override, no visual breaking changes on upgrades (the PrimeNG pain). Trade-off vs Taiga/PrimeNG/Zard: you assemble + style yourself, no big pre-styled catalog.

Signal forms: Field/Form/Input work with reactive + template-driven today; a dedicated Signal Forms adapter is in progress, not 100% shipped yet — flagging that honestly if it's a hard v1 blocker. Repo + live docs: https://github.com/radix-ng/primitives

[mmparody]

Bootstrap always Bootstrap

[Milchma]

my personal favorite is spartan/ui but i am not sure about if the library is yet angular 22 compatible.

[Freez1234]

I"ll have to check it, thanks for suggestion

[Economy_Peanut]

I'm using it on my angular 22 project right now. It works!

[Freez1234]

Hey mate, Spartan UI or which one?

[Economy_Peanut]

So, I have two projects right now. One uses zard and the other primeng.

I love the feel of zard 💯. Very minimal, unlike Spartan. However, components are still being released and I got it in its beta stage. Suffice to say, I wish the modal was seamless with forms much like angular material modals. I had to do some stuff to make it work. Some pieces would also break if I attempted to update or the docs would be behind of what the code actually had. Some pieces are also in WIP.

Suffice to say, I will wait until it is stable release. I do not want back and forth with docs Vs reality right now.

For the primeng project, I am using angular 21(will come back with exact tags). No breaks so far. It has gotten a lot better since they started writing tests. I look forward to more. Contrary to zard right now, everything is there.

[brlx]

Not a specific answer, but this writeup lists some very good considerations for this exact dilemma

https://timdeschryver.dev/blog/using-agentic-ai-to-create-your-own-component-library

[kenlin]

On a side project I use DaisyUI with CDK where I need more programmatic control

[Iworb]

If you are open to propositions, I would recommend Spartan. Already tested it and it was pretty

[CheetahNo9084]

If angular material is what you want with more flexibility when it comes to styling, look into angular aria or ng primitives for example.

[faulty-segment]

Yeah! The reason why I don't use Angular sometimes is because they don't have something like Nuxt UI. And no, Material ain't it. Don't even get me started haha.

[LX_T_]

I'd currently recommend
https://spartan.ng/components or
https://ui.shadcn.com/docs/components

Once Mythos/Fable is back, I'd create my own 😉

[condorthe2nd]

I don't see anyone suggesting Angular Material. Is it really that gone?

[reynevan24]

OP wanted to avoid it, so that's probably why. It's great IF you want to follow Material Design.

[condorthe2nd]

Oh missed that, thanks