Which TailwindCSS tools do you use to make your life easier?
I'm looking for a TailwindCSS tool (e.g. inspect tool, tools, plugins, etc) that has helped you to increase your productivity.
I'm looking for a TailwindCSS tool (e.g. inspect tool, tools, plugins, etc) that has helped you to increase your productivity.
Hey @taimoorsattar7 👋
I have built inspectflow.io, it is a tool to increase the productivity of Tailwind CSS developers!
Let me know what you think (:
Great! I purchase it...
awesome!! feel free to reach out to me if you have any questions or feedback 🙂
Everytime I look for something TailwindCSS related I go here: https://github.com/aniftyco/awesome-tailwindcss :) Many of those tools are really useful.
What I've been using quite extensively in a few projects is tailwindcss-children1. It's a small plugin that allows you to apply classes to all children of an element by using the
children:prefix (i.e.<div class="children:inline children:text-red">...</div>)And of course - as already mentioned - TailwindUI is really great for prototyping.
This helps keep things organized: https://github.com/heybourn/headwind
Oh, this is amazing. Installed it.
Great!!!
well, I buildt www.wickedblocks.dev if you need help, then wickedtemplates.com
The biggest time saver for someone like me who isn't a great designer is using a paid tool like TailwindUI or Rareblocks.
You could also check out Flowbite which is partly open-source:
https://flowbite.com
That looks super cool
+1 on Rareblocks!
For side project to just get started with something that looks more than decent is game changer!
100%
I recently bought an NFT access pass. The UI kits are really useful to me and it is genuinely on of the most interesting real life usecases for crypto I have seen so far.
I have also used Tailwind UI before. TailwindUI provides you with ready-made components that we can use in the project.
Can anyone suggest a tool where I can use TaiwindCSS as a design editor?
You may want to check out this Figma design system built for Tailwind CSS:
https://flowbite.com/figma/