DEV Community

Cover image for Tailwind CSS Resources you wish you had.

Tailwind CSS Resources you wish you had.

Jane Tracy šŸ‘©šŸ½ā€šŸ’» on September 13, 2020

Background story This week I decided to take a look at Tailwind CSS and create a simple e-commerce website. The first thing I noticed is...
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

That's awesome, it's a great website.
Other resources I haven't added are available on the Awesome Tailwind CSS resources listed as number 10.
It's a great GitHub repo with 100+ useful links and tools. Check it out.šŸ™‚

Collapse
 
soulsbane profile image
Paul Crane

Great list! I'm in the middle of playing with Tailwind. I saw this tool on reddit but the one you posted Tailwind Ink seems to be a beefed up version. Cool stuff!

Collapse
 
tombohub profile image
tombohub • Edited

Check out Palettolithic, similar like TailwindInk

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

I will. Thanks for sharing it, Tom :)

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Thanks for sharing, other color generated tool are in the Awesome tailwind GitHub repository listed as resource number 10. Go check the repo out, has 100+ resources. šŸŒŸšŸ™‚

Collapse
 
codingfix1 profile image
codingfix

Nice article, thank you! Me too started to love and use Tailwind and I've found this really useful tool: nerdcave.com/. Jay Elaraj is the authir and he has just updated it to the last version of Tailwind. To me is a must :)

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Amazing. Thank for sharing the tool. šŸŒŸšŸ™ŒšŸ½

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

It will be a smooth transition.
Check out links like
appseed.us/developer-tools/bootstr...

github.com/awssat/tailwindo

Collapse
 
theme_selection profile image
ThemeSelection

Awesome post.šŸ™‚
Check the list of Tailwind CSS components and Tailwind CSS Tutorial that can be useful.šŸ‘

Collapse
 
kevnk profile image
Kevin Kirchner

Here's the tailwind color palette generator I prefer: grayscale.design

It is a luminance-based palette generator as well but allows you more control over each color.

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

That's great, thanks for sharing Kelvin. šŸ™‚šŸŒŸ

Collapse
 
mihir9376 profile image
mihir9376

Your Content IS amazing Keep Adding This Type of content

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Thank you so much. I will ā¤ļø

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Let me check it out. Thanks for sharing it. šŸ™‚

Collapse
 
schmanat profile image
Manuel Schneider

Thanks for sharing. Antoher usefull resource is heroicons.dev/
You can copy the icon as SVG Code.

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Yes, It's useful, I have included the Awesome Tailwind CSS GitHub repo that has 100+ tools and resources. You should check it out, number 10 on the resource list. šŸ™‚

Collapse
 
diakunwadee profile image
Kunwadee L.

Thank you Jane! This is very helpful.

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

I am glad it was helpful. Remember to share with your dev friends, they may find it helpful too :)

Collapse
 
efleurine profile image
Emmanuel

Jeez this is one of the most important read for this week.

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Thank you Emmanuel. I appreciate it. Hoped it helped šŸŒŸ

Collapse
 
llagerlof profile image
Lawrence Lagerlof

+1 for tailwind.run Thank you!!

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

It's really awesome, I enjoy using it :)

Collapse
 
juliomoreyra profile image
JulioMoreyra

Great article! Thanks for sharing

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Glad it will help you in any way :)

Collapse
 
linhtch90 profile image
Linh Truong Cong Hong

Nice resources to consider! Thank you for the article!

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

I am glad the tools will be useful to you at any point. Share it to your fellow devs they might need it. šŸŒŸšŸ’ÆšŸ™‚

Collapse
 
johnnyjamesnavarro profile image
Johnny Navarro

This is really amazing! I have just started using Tailwind about a couple of months ago and I only knew about Tailblocks, thanks a lot!

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

That's awesome āœØ, hope you share it with others. They might find the tools useful šŸ”Ø šŸ”§.

Collapse
 
mateo profile image
Mateo

Good add

Collapse
 
p014ri5 profile image
Prasad Narkhede

This is great! Convinced me to use Tailwind CSS and leave Bootstrap šŸ˜‚

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Hahaha, You should differently try it. You will love the flexibility.

Collapse
 
garvnanwani profile image
Garv Nanwani

Great collection, thanks for sharing

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Hope the tools will be useful at some point :)

Collapse
 
ashimb profile image
A5h1m

Hey nice consolidation. Thanks

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

Glad to help. Hope you will use the tools as you build your projects in Tailwind :)

Collapse
 
applicafroguy profile image
Sivuyile Magutywa

Thank you for sharing, I've been using Tailwindcss for over a year and I've never seen some of these tools.

Collapse
 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

I hope you will find the tools useful :)

 
tracycss profile image
Jane Tracy šŸ‘©šŸ½ā€šŸ’»

I am glad it was useful. Hope you share it with others too. šŸ™‚šŸŒŸ

Collapse
 
alexweininger profile image
Alex Weininger

Thank you Jane! I found Tailblocks extremely helpful!

Collapse
 
marcostreng profile image
Marco Streng

Great article. Thanks a lot!

Collapse
 
lucastruong profile image
Lucas Truong

Pls add it
tailwindui.com/

Collapse
 
ntochi profile image
Nancy

Great resource! Thank you.

Meraki UI has lovely components too!

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Wouaw this is amazing šŸŽ‰ā¤ļø

Collapse
 
andrewbaisden profile image
Andrew Baisden

More good resources I much prefer Tailwind over Bootstrap these days.

Collapse
 
dnature profile image
Divine Hycenth

Check out nature-ui.com

It's a UI component library built with Tailwindcss for react

Collapse
 
argonauta profile image
Riccardo Tartaglia

If you use React you must see this:

windy-docs.vercel.app

Collapse
 
tejasgk profile image
Tejas

Hmm now you could also add shadcn to your list