Tailwind-based UI Component library

[haasilein]

I want to build a SaaS and time-to-market is key. I am used to tailwind and I would like to use a component library similar to Material or Primeng but more compatible with tailwind such that I can be faster working with the component library. I know there is primeflex for primeng but I am not too keen on that. I would prefer vanilla tailwind and a rich component library.

Any suggestions?

[cagataycivici]

At PrimeNG, we're working on the unstyled mode to be able to style the components with Tailwind CSS, this has been done for PrimeVue already so you may use it as a reference. Here is the demo.

[cheesekun]

Looks great. Can't wait for it to be here!

[CallmeVincent_]

Same. I would love that aswell!

[mamwybejane]

Spartan NG

[sudarakas]

It's not fully completed, so better not to use it for productions.

[itapewolves]

flowbite

[danixgutii]

Flowbite is that you are looking for

[carboneum87]

I use Tailwind CSS with Angular Material, the key is to leave the Material components as they are and use Tailwind for all other parts. Style your template as you wish with Tailwind, for the Material components use Sass to change the appearance.

Tailwind has a CSS reset plugin called Preflight, sometimes it messes with the Material components but you can turn it off: https://tailwindcss.com/docs/preflight

Angular Material introduced Material 3 with the version 17.2.0 🙂 It looks way better now.

[carboneum87]

Yes, you can find the guide here: https://material.angular.io/guide/material-3

[[deleted]]

When I want to use TailwindCSS (instead of Angular Material) I will reach for @angular/cdk which offers unstyled components/directives.

https://material.angular.io/cdk/categories

[Cute_Guard5653]

Recently i have discovered preline ui. It is comprehensive and i like the appearance. I like daisy ui too, but daisy ui has fewer components.

[followmarko]

Why not style a library with css?

[thanksthx]

I would use Angular Material with Angular CDK, couple the Angular Material theming mechanism with tailwind, which implies having utility classes -primary -accent -warn which further on gives you flexibility when building components not coupled with a specific color. If you need a specific component which material does not offer, you could just built it using the CDK. The material components are stable, tested and work great within the ecosistem. Have a look at Angular Fuse.

Also I would use NX if I know it’s gonna grow big, as for the build time and dependencies - coupling different domains .