I bought the full Tailwind UI package right when it came out, and can pretty successfully say that it's a game changer and worth every penny.
Truth is, your first landing page does not need to be groundbreaking. It needs to be clear, clean and showcase your product, and even with only the early components of the package, I was able to pull together a landing page that looks clean and has all I need in about an hour.
The most common counter-argument I hear is that everything is going to look the same, like it did with Bootstrap. But as I said, the landing page you first use to test your hypothesis and pitch others doesn't need to be groundbreaking, and with a few color adjustments, illustrations and images, you can transform the standard components into something that belongs you.
Not quite ready to post the landing page here, but will do at some point :)
This reads like a paid puff piece by tailwind ui...
Thought the Same 😅
me too. I don't see that tool as a "game changer". It helps, yes, but no more
Ha ha, or nice software. I can’t say enough about whimsical and what it has done for my business. When people release awesome Software, people really appreciate it
I wish, but I paid for it :)
Do we get a sneak peek at what you made with it?
I believe https://www.branchci.com/ was built in it.
Would agree with Tailwind UI. Coming from the noob side I found tailwind easier to understand and the Tailwind UI helps put those components together. A big part of this love for UI is the clean layouts and design. I'm not getting paid either....:)
Yeah, it's pretty good. Took some inspiration and made my site with the tailwind. https://supportexamples.com
Nice one :)
https://github.com/cerebral/classy-ui looks like a "tailwind killer" it was inspired by tailwind but has gone much further.
I’ve been hearing so much about tailwind, but what is it really? Can it integrate with React, etc?
In fact tailwind is only an UI (CSS) package. Okay, it has hooks into the build pipeline in order to make it configurable.
The thing is that it is a package full of utility classes such as 'bg-blue-500' in order to create a blue background. Why style all elements this way instead of using raw CSS through style properties?
For me context switches have always been the worst thing about writing software, and there is nothing worse for me than having to switch between a js, html and css file in order to understand what is being rendered on the screen. Tailwind solves the styling part herein by combining it with the markup.
In order to frame this in the context of bootstrap; there is no fixed structure to create certain visual effects. You hook some elements up together, and fiddle around with these utility classes until you have the style you want to have. The creative process works much easier because going from the thought "I need to have shadow" to implementing shadow is really just adding the
shadowclass to an element. Doing this in CSS, or worse, with bootstrap requires several more thought cycles such as looking up the way a shadow can be achieved in CSS, how big it needs to be, how well it integrates with the existing semantics of bootstrap and so on.(And yes, you can use it with React. I even use it with React Native!)
Have a look at https://github.com/cerebral/classy-ui, once it is a little further I plan on redoing my entire web app with it.