[pushkar8723]

As a frontend developer I often struggle with the component library to use. At last I set out to create my own https://nfui.js.org. It isn't complete yet. I still need to fix SSR and create a few essential component. But so far it is coming out great. With bundle size < 25K gzipped and more than 20 components already in place.

There are many I have tried before this project, but there is something always missing. I primarily work on React and so my experience can be a little different from people working on other view libraries.

Following are few libraries I tried and my pet peeves with them. Material UI was just too complex in terms of use. I had to always have a doc open in a tab and refer it for even a simple component like toolbar. Antd bundle size is way too large and few essential components like timepicker is > 100KB gzipped. React bootstrap doesn't have theming and looks outdated (Bootstrap 5 will fix this).

[hariharasudhan]

have you tried tailwinds and their uikit tailwindui?

[_puk]

I'd also recommend TailwindUIKit [0]. 100+ free Vue, React and VanillaJS tailwind components with light and dark mode support as well accessibility.

I did end up paying for the premium components, as I wanted to support their efforts, and it was reasonably priced, but didn't feel like I had to.

0: https://tailwinduikit.com/

[pushkar8723]

I haven't tried it but I did go through their doc. Any thing slightly complex (like toggle) is behind a premium. I feel it would be great for creating layouts, but to create a component, I still have to go through the same trouble as material ui (but with classes instead of components).