Tailwind CSS

[Abhi]

I was helping someone get hands-on with some Tailwind CSS components as Tailwind CSS does not offer them along with their default package. Whatever they have are paid options.

I think we can find many options on the internet though. People has worked on Tailwind CSS and created free, useful and interesting components.

My favourite so far is

https://tailblocks.cc/

--

https://merakiui.com/

Looks good too

If you are looking for more, try

https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation

 

[Abhi]

You can find Tailblocks on GitHub

https://github.com/mertJF/tailblocks

 

[Abhi]

I am getting used to Tailwind. But I still love Boostrap for being simple and straightforward.

You need to remember a lot of new things when it comes to Tailwind. I am getting a lot help from the backend staff here and other resources.

 

[admin]

There are many 3rd party components. The authors are calling it " Utiity First", perhaps a nice name for _components are paid_. Nevertheless, if you want to try something other than Bootstrap, which has got tons of free supports and components and modifications, Tailwind CSS is worth a try.

But I am a pampered Bootstrap user. It is very interesting to copy paste _pieces_ and get a website in the end

 

[Abhi]

**Tailwind CSS 2.2 released**

>JIT: Reintroduce transform, filter, and backdrop-filter classes purely to create stacking contexts to minimize the impact of the breaking change (#4700)

 

[admin]

If only they had a bit more support ? Bootstrap support is very useful when we are building something.

 

[Abhi]

I am going to try Tailwind for a new project. Let us see how will it goes this time. There is nothing so challenging when we spend enough time understanding it.

 

[admin]

Good luck. Feel free to ask if you get stuck.

 

[Abhi]

Docs website is getting a face lift

>Tailwind docs are getting a major redesign for the release of v3.0 including every example on the site.

 

[admin]

Nice to know. I will keep track of this one. I frequently use their docs, so it will not be hard to spot.

 

[admin]

Github says, Tailwind CSS registered 10 lakh ( 1 million ) downloads a week.

 

[Abhi]

Do you know that there are some libraries that provide mobile UI components based on Tailwind CSS ? You can use them while build mobile UI in actual or mockups.

 

[PGen98]

@Abhi That's great, shows Tailwind is starting to gain mass exposure and become a respected framework!

 

[Abhi]

> @PGen98 Tailwind is starting to gain mass exposure and become a respected framework!

Tailwind is slowly closing in on Bootstrap. They have a lot of fans too. There is a very healthy ecosystem budding around the project with snippets for almost everything.

But I think Bootstrap is a more complete solution because they offer much more ready to use components.

 

[PGen98]

Yeah, Tailwind is a great option for certain things, but Bootstrap is definitely the more robust framework at the moment. Not to say that will last forever, competition breeds innovation and it only takes one innovative product to take the majority of the market share in any tech project!

 

[Abhi]

Last day, I found a good resource for Tailwind components. There were a good number of them, high quality and they were free too.

Do you create component on your own or use pre-made ones?

 

[Abhi]

Are you a Tailwind fan? Here is some news for you

Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more - Tailwind CSS

It's been a while since I've written about what we've been working on so I have a lot to share! Too much honestly — so put your swim suit on, sit back in your lounge chair, and prepare to soak up some vitamin CSS.

tailwindcss.com

 

[Abhi]

Hello Tailwind CSS 3.1

Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts! - Tailwind CSS

Now with first-party TypeScript types, arbitrary variants, improved CSS variable DX, and tons more.

tailwindcss.com

 

[Noble]

Interesting, I know this had alot of clout back in the late 90's

 

[Abhi]

Hoping to see more component libraries popping based on the new version.