Tailwind CSS VS windicss

You can use Sass, and Vite supports that out of the box, or you can use CSS and CSS variables. Either way, I also recommend considering Tailwind. Not having to think up class names and instead just being able to add what you need to style as you work is a great improvement, IMO.

Using clsx or classnames in React lately has become a trend with utility-first CSS frameworks like Tailwind CSS, where you have to write a lot of classes, and sometimes also with conditionals.

Avenue (YC W21) | https://avenue.so/ | Full-stack Software Engineer / Backend Software Engineer (Typescript / Javascript / React) | NYC / New York City | Full-Time

Avenue is building the observability platform for operations teams (think Sentry/PagerDuty but for ops). We are hiring early full-stack engineers to help scale the next generation of ops-driven companies. Come join our NYC-based team!

We are a team of 7 in NYC backed by Y Combinator, Accel, Elad Gil, Lachy Groom, and many other great partners.

Our main product is a web app and worker cluster built using Next.js & React. We build our components with Tailwind (https://tailwindcss.com), and we use hooks & react-query for state management. Our backend is a Node.js / Express app. We use Redis and Postgres for storage, and we use Prisma (https://prisma.io) as our data access layer. Our infrastructure is built on Docker, Kubernetes, and AWS.

As an early team member, you will get a chance to set the foundations of our engineering culture. You will help articulate our engineering principles and help set the long-term roadmap.

We're looking for strong engineers with many of the following:

  * 3+ years of full-time software engineering experience

If you're anything like us, we use Taliwind on every project; if you don't want to, you can just skip the next 2 steps.

Our Clubhouse clone will be built with Parcel, 100ms JavaScript SDK, Tailwind CSS.

I'm asking myself the same question for my project Rapido. With Vue 3, use new version of Bootstrap, Bulma-stylus, Fomantic-UI, Tailwind CSS or Element Plus ?

This discussion might help: https://github.com/tailwindlabs/tailwindcss/discussions/3461 but fortunately, I don't use NextJS.

As you will find many CSS frameworks in the market, these frameworks mostly include pre-designed elements like buttons, forms, and many other components to make the whole development more feasible. But if you ever want to modify or update any of these components, you'll have to work a lot around the design elements of the code. The problem is that you can't use these pre-made templates uniquely to showcase your product. On the other hand, one of the most popular CSS framework, Tailwind, can allow you to expand your creativity and incorporate your unique style quickly.

So for example if you are running a TailwindCSS or other utility CSS based framework, like WindiCSS, thats one of the easiest use cases.

For this tutorial, we are using Laravel with TailwindCSS to design the UI of the banner. If you need, you can manually implement TailwindCSS into the Laravel by adding and configuring everything manually. But fortunately, we have Laravel Breeze! Let's install it in our application.

Windi CSS, in contrast to Tachyons, is a very fresh framework. Started in the late December of 2020, it’s already gained a lot of attention and currently sits at respectable 1.5K GitHub stars.

No mention of Windi CSS? Didn't it inspire this?

However I decided it was time to question my own biases. I installed Tailwind Intellisense for VS Code and started up a test project with a starter that included Tailwind (actually it uses Windi, which is a Tailwind compiler). I then started making a basic site, forcing myself to use the utility classes for (most) all of the styling.

For more details, please check windicss

You can check the README of windicss (https://github.com/voorjaar/windicss). Compared with postcss, it runs faster, can be built in real time and does not require plugins such as autoprefixer and purgecss to increase the complexity of configuration. And windicss extends the utilities and variants of tailwindcss. For example, you can directly use p-1.3rem or bg-hex-fff just like atomic css. And we also have a compilation mode, which can combine a line of classes into one to increase the readability of html.