Tailwind CSS VS CSS Modules

Tailwind CSS Reviews

1. pat0rick    

   7 months ago
   Awesome framework

   I use it in all my current projects. It's easy to start and very customisable. Love it so much! I improved the speed of development 2x times by using Tailwind.

CSS Modules Reviews

Tailwind CSS mentions (868)

• How to Build Your Own ChatGPT Clone Using React & AWS Bedrock

  Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome! - Source: dev.to / about 21 hours ago

• Building an Email Assistant Application with Burr

  You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post). - Source: dev.to / 6 days ago

• Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace

  Tailwind CSS: A utility-first CSS framework for rapidly building custom designs. - Source: dev.to / 7 days ago

• Preline UI + Gowebly CLI = ❤️

  First, you need to make sure that you have a working Tailwind CSS project…. - Source: dev.to / 7 days ago

• The best testing strategies for frontends

  With better CSS approaches like TailwindCSS and Vanilla Extract (which we're heavily using) it's much easier to maintain the UI and make sure it doesn't change unexpectedly. No more conflicting CSS classes, much less CSS specificity issues and much less CSS code in general. - Source: dev.to / 10 days ago

CSS Modules mentions (11)

• Is there really no better way to isolate styles across components than CSS modules?

  From what I read about CSS modules, the style isolation provides some guard rails to prevent things like random bits of global style or having colliding rules all over the place. This makes a lot of sense, but even on huge projects, I never really have those problems. I've disciplined myself to pair a component file with a CSS file (MyComponent.jsx + MyComponent.css) and keep global styles to a minimum. Source: about 1 year ago

• Components with separate styles - how to do?

  Any time you import CSS files into a module, that CSS becomes active on EVERY component in your entire project, so that's not really a good way to go about it. It essentially creates a tag inside the final rendered html with all of your CSS within it. If you have two CSS files, and they both have a class of .myClass then they will step on each other and cause bad things to happen to your... Source: over 1 year ago

• Why do bigger websites have the weirdest class and id names?

  They are probably using css modules. Source: over 1 year ago

• No Caption..

  This may be a little more advanced but I'd also recommend looking into CSS modules. It basically allows you to scope your styles to individual elements preventing unwanted cascading, and simplifies naming conventions a lot (since the class names are now variables). Source: over 1 year ago

• Styling in React.js

  Another interesting way to organize you css is using css modules. Source: almost 2 years ago