Goodbye CSS Modules, Hello TailwindCSS

Design Tools Regular Expressions Development Tools

Chakra UI Landing Page
1

Chakra UI

Simple, modular and accessible UI components for your React applications.
Pricing:
- Open Source
#Design Tools #Developer Tools #UI 197 social mentions
Tailwind UI Landing Page

2

Tailwind UI

Beautiful UI components by the creators of Tailwind CSS.

I wanted to love Tailwind and I used it on a personal project but I eventually concluded that writing CSS is just faster and easier if you are already comfortable with it. Also, your HTML/JSX becomes such a mess. Yes I know you can extract a bunch of Tailwind rules into a class to avoid repeating yourself and keep the code more readable, but then what's the point? However I keep visiting Tailwind's docs once or twice a week cause the site is gorgeous and it gives me ideas for my own projects. Also, TailwindUI is amazing if you are not a graphic designer, I use it a lot. https://tailwindui.com (+ https://headlessui.dev).

#Design Tools #UI Design #Components Library 207 social mentions
Productivity Power Tools Landing Page
3

Productivity Power Tools

Extension for Visual Studio - A set of extensions to Visual Studio 2012 Professional (and above) which improves developer productivity.
Pricing:
- Open Source
A point that is not immediately front of mind in these discussions is that Gzip/brotli makes these comparisons moot. Similar strings will be referenced with a pointer and take basically zero extra bits down the wire. That's one place where tailwind get's a huge boost. It's a ton of repetitive code that compresses extremely well. If you use a plugin to sort your class names like Headwind[0] then it can be optimized even further. 0: https://marketplace.visualstudio.com/items?itemName=heybourn.headwind.

#Regular Expressions #Programming Tools #Development 356 social mentions