They’re ALL 100% grade A farm fresh DUMBASS! Created by people unqualified to write a SINGLE BLASTED LINE of HTML
Don't believe me? Learn HTML. Learn CSS. Got to ANY of their examples, and "view source"
If you're not horrified, go back and re-learn HTML, re-learn CSS, and try again until you are horrified, disgusted, nauseated, or otherwise flabbergasted by the ignorance, incompetence, and ineptitude!
Seriously, go to their "components" page and pick one. Let's use this "blog page" as an example:
<div class="bg-gray-100 overflow-x-hidden">
<nav class="bg-white px-6 py-4 shadow">
<div class="flex flex-col container mx-auto md:flex-row md:items-center md:justify-between">
<div class="flex justify-between items-center">
<a href="#" class="text-gray-800 text-xl font-bold md:text-2xl">Brand</a>
<button type="button" class="block text-gray-800 hover:text-gray-600 focus:text-gray-600 focus:outline-none md:hidden">
<svg viewBox="0 0 24 24" class="h-6 w-6 fill-current">
<path d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z">
<div class="md:flex flex-col md:flex-row md:-mx-4 hidden">
<a href="#" class="my-1 text-gray-800 hover:text-blue-500 md:mx-4 md:my-0">Home</a>
<a href="#" class="my-1 text-gray-800 hover:text-blue-500 md:mx-4 md:my-0">Blog</a>
<a href="#" class="my-1 text-gray-800 hover:text-blue-500 md:mx-4 md:my-0">About us</a>
DIV doing HEADER’s job. Multiple DIV for nothing. Anchor + DIV doing H1’s job. No NAV on the obvious NAV, no list on the menu. Button + SVG for scripttardery doing INPUT, LABEL, and CSS’ job. It is devoid of the most basic of semantic markup clearly illustrating that those who created and use Tailwind have ZERO business writing HTML. An absolute train wreck for what and COMPETENT developer would/should write as, AT MOST:
<input type="checkbox" id="toggle_MainMenu" class="toggle" hidden>
<li><a href="#">About us</a></li>
THAT is how utterly dumbass Tailwind is.
And why my job as an accessibility and efficiency consultant continues to get harder and harder as dirtbag know-nothing SCAMS like these continue to be media darlings, no matter how many site owners end up bent over the table by them!
Hell, a line like this ALONE is reason enough for anyone who actually knows how to use HTML or CSS properly to run for the hills:
<link rel="stylesheet" href="https://tailwindcomponents.com/css/component.blog-page.css">
Care to guess what’s wrong with that? And this level of idiocy is to be found in every codebase using this chazerei.
I have a lot more than just a kick in the teeth for these clowns. In any just and fair world where decency and honesty are valued, these fools would be in handcuffs.