Tailwind CSS integration with Cwicly. Whats the goal?

I saw it’s coming, but I do not understand why it will be useful in Cwicly? Is it just a fast way to set Tailwind classes for blocks (meh…)? Will it allow importing Tailwind themes and components (might be useful)?

At the moment I do not see a lot of value in Tailwind CSS integration compared to e.g. better Woo integration or a form builder. Woo integration or form builder are solutions for other problems, while Tailwind CSS integration is just a different solution for the same problem (no real value, just nice to have).

What do I miss here, and what do I not understand?

@Louis goes into more detail of the possibilities here:

https://www.youtube.com/live/sBczZDDu43k?feature=shared

I saw that video. This is why I have this question. If someone is familiar with Tailwind CSS, what benefits will they get from this integration? Saved 1 hour per project? When there is Cwicly, what’s the goal of Tailwind CSS on WordPress? Just another way to get the same result?

Until the feature is released we obviously won’t know the full extent of the benefits, from the previous lives we can glean that there are some significant advantages for usage.

The most obvious one being speedy integration of classes from TailWind that can be accessed and auto-populated directly within fields. That alone is a huge timesaver.

2 Likes

Because other than using Winden which feels like a dead project, there isn’t any other way to easily develop wordpress sites with Tailwind CSS. I personally would love to be able to use Tailwind to build wordpress sites so I am extremely excited that Cwicly is developing this integration

I am using AutomaticCSS, it’s a css framework but for WordPress specifically, it does not have anything you won’t need. The main difference is that when using a framework, you have a streamlined approach, faster, more efficient, and easier on a class-first approach.

For example, when setting spacing, content width, typography, colors, all that is automatically managed by AutomaticCSS for me. I set the font, I don’t care for any other viewport size, it’s all responsive. I set a color, it automatically creates defined shades for it, I have predefined CSS grids and other commonly used things that are much easier to do with just spawning a class to the block instead of going click by click finding all the options in the builder and so on. Give it a few websites, those are the standard things you use on most websites with maybe a few little tweaks since not all fonts are created equally for example, but it’s generally all automated.

Now compare that to yourself thinking what padding should you use on desktop view, what padding is right for the tablet or mobile view, or how do you use clamp if you want to go fluid and what is the best ratio for sizing H1, H2 etc, and then what is for mobile, all those things you have to think about, process in your brain and then do something and if you are not a math person to have it all consistent and instead you are just visually deciding on the spot what “feels right”, well then that’s a not an efficient way to do web design. Those are the things in web design that need consistency across the devices and it easily gets cumbersome even if you have all the options in the builder, it’s still you that need to decide manually on each of those breakpoints and know how to put ratios properly.

I say all this for AutomaticCSS as it sets these automatically hence the name, not sure if Tailwind does any of this it probably just puts utility classes to be used. Still you could do it once manually then with Tailwind and the rest of the websites you create you just spawn classes onto things and things get themselves done the way you wanted.

Simply put, builder has the options, but fiding all the boxes and where is what, typing everything each time gets you exhausted pretty quickly and it’s hard to maintain manual work. Cwicly introduces features like Components to make design more automated and editable on a fly without having to manually tweak each instance of that design element you are using. CSS Frameworks are an addition to that kind of workflow. You don’t want to be stuck clicking and putting values into fields in 2023 while Firefly AI is making wonders in Photoshop for designers in the matter of seconds, ChatGPT automatic code speeding up life, things are moving fast and there is money on the table left. For me, it’s the repeated process that exhausts me where CSS framework just helps me get excited about web design again!