Our great sponsors
-
daisyui
๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
tailwindcss-forms
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
-
twin.macro
๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Looks great! Another Tailwind based component library I love is DaisyUI: https://daisyui.com/
I have been using tailwind. One thing I've noticed is that it can become unmaintainable compared to styled-components since you just have divs with classes (and it's hard to read 50 nested divs).
Has anyone used something like Tailwind-Styled-Component [1] and found it worthwhile?
https://www.npmjs.com/package/tailwind-styled-components
Also, wow. through this package I learned about: https://github.com/tailwindlabs/tailwindcss-forms which is quite exciting.
I've been using twin.macro on a side-project of mine, and have really enjoyed it: https://github.com/ben-rogerson/twin.macro
I especially like how easy it is to fall back onto ordinary Styled Components if I'm trying to implement more specific.
Here's a sample of what I've implemented with twin.macro: https://grueplan.com