[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_87":-7,"_88":28,"_89":90,"_91":-5,"_37":92},"routes/products.$slug",{"_11":73},"routes/products.$slug.embed",{"_11":12,"_13":14},"product",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40},"code","

<a href=\"https://toplistly.com/products/tailwindcss-com?ref=tailwindcss.com\" target=\"_blank\">\n  <img src=\"https://media.toplistly.com/embed/featured.png\" alt=\"Tailwind CSS Featured on Toplistly\" style=\"max-width:222px; max-height:50px;\"/>\n</a>

","id","a09e9b53-3e20-4340-9a74-c60b01a7732a","url","https://tailwindcss.com","name","Tailwind CSS","slug","tailwindcss-com","tagline","A utility-first CSS framework for rapidly building custom designs.","description","

Tailwind CSS is an open-source, utility-first CSS framework that enables developers to build custom designs directly within their HTML. Unlike traditional CSS frameworks that offer predefined components, Tailwind provides low-level utility classes that can be composed to create any design, offering greater flexibility and control over the styling process.

Key features include:

Utility-First Approach: Build designs by combining utility classes like 'flex', 'pt-4', 'text-center', and 'rotate-90' directly in your markup.
Responsive Design: Easily apply styles at specific breakpoints using screen size prefixes such as 'sm', 'md', 'lg', and 'xl'.
Dark Mode Support: Implement dark mode by prefixing classes with 'dark:', for theme switching.
CSS Grid and Flexbox: Utilize modern layout techniques with built-in utilities for CSS Grid and Flexbox.
Customizable Design Tokens: Define colors, spacing, and typography centrally using CSS variables, facilitating consistent theming across your project.

Tailwind CSS is free to use under the MIT license, making it accessible for both personal and commercial projects. It runs in the web browser, allowing developers to integrate it into their projects without additional software requirements.

","verified",false,"status","approved","launchedAt",["D",1779148800000],"color","#54c6f9","files",[70],"tags",[41,42,43,44],"deals",[],{"_15":64,"_46":65},{"_15":59,"_46":60},{"_15":53,"_46":54},{"_15":45,"_46":47},"aac76fdd-98ac-4b93-86d2-509b006fcdaf","tag",{"_15":48,"_19":49,"_21":50,"_51":52},"19a4c1ce-57db-4e67-a69e-4565134138c1","Web","web","type","platform","acbd01d4-d38f-4d36-bed3-44e8c8fc0f85",{"_15":55,"_19":56,"_21":57,"_51":58},"0430b494-f16c-482f-aad0-8b972afaf2fc","UI Design","ui-design","category","767498ca-d303-4a4c-81f1-8916ffe6f12c",{"_15":61,"_19":62,"_21":63,"_51":58},"38c7d4d3-5c97-4098-9389-b73aaf82d3ad","UI Library","ui-library","047317fe-fcf5-49bc-9392-438edf392923",{"_15":66,"_19":67,"_21":68,"_51":69},"4489dd9d-a1ba-4bb6-9e39-0d6cbc19ae9b","Free","free","pricing",{"_15":71,"_25":72},"0f075eb8-b3f0-4433-ad02-3883dee4ffa0","Homepage of Tailwind CSS",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":74,"_33":34,"_35":75,"_37":76,"_39":77},["D",1779148800000],[86],[78,79,80,81],[],{"_15":64,"_46":85},{"_15":59,"_46":84},{"_15":53,"_46":83},{"_15":45,"_46":82},{"_15":48,"_19":49,"_21":50,"_51":52},{"_15":55,"_19":56,"_21":57,"_51":58},{"_15":61,"_19":62,"_21":63,"_51":58},{"_15":66,"_19":67,"_21":68,"_51":69},{"_15":71,"_25":72},"toast","preview","support",{"_180":28,"_181":28,"_182":183},"analytics",[93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110],{"_15":176,"_19":177,"_21":178,"_114":179},{"_15":172,"_19":173,"_21":174,"_114":175},{"_15":168,"_19":169,"_21":170,"_114":171},{"_15":164,"_19":165,"_21":166,"_114":167},{"_15":160,"_19":161,"_21":162,"_114":163},{"_15":156,"_19":157,"_21":158,"_114":159},{"_15":152,"_19":153,"_21":154,"_114":155},{"_15":149,"_19":150,"_21":151,"_114":148},{"_15":145,"_19":146,"_21":147,"_114":148},{"_15":143,"_19":144,"_21":91,"_114":142},{"_15":139,"_19":140,"_21":141,"_114":142},{"_15":135,"_19":136,"_21":137,"_114":138},{"_15":132,"_19":133,"_21":134,"_114":131},{"_15":128,"_19":129,"_21":130,"_114":131},{"_15":124,"_19":125,"_21":126,"_114":127},{"_15":120,"_19":121,"_21":122,"_114":123},{"_15":116,"_19":117,"_21":118,"_114":119},{"_15":111,"_19":112,"_21":113,"_114":115},"60034938-a55c-49b1-8a7d-19ee78ab66d4","Ecommerce","ecommerce","count",15,"08913002-a9ca-4fd2-ac62-dcb1329e2e30","Product Analytics","product-analytics",17,"e50e1cbd-14cf-4428-86f7-5284f81b2fca","AI Agents & Chatbots","ai-agents",18,"7107b8b5-6651-4770-b04a-993ae1e7d512","Sales","sales",19,"f08d06bd-c056-41c9-a92c-26f56f4cfa82","No Code","no-code",22,"16bc6ca5-d1a8-45b0-9010-3508a42647cc","Project Management","project-management","b0bf8a95-b70e-45bc-87e0-a629b03be5ad","Security and Compliance","security-and-compliance",26,"b56dd1b3-e63d-43a3-9f15-2a537a5e3cff","Lifestyle","lifestyle",27,"54f8ff26-66fa-48e1-9b5b-ed376c02176f","Analytics","d997f768-6764-4aae-b644-7752d5f849df","Business","business",31,"1d128e87-7967-4cc2-9136-532a0f2ac09f","Finance","finance","6533b624-6d3d-42a7-9fca-2034144c1115","Collaboration","collaboration",33,"88ef9ce4-951e-4fa1-b3f1-e96eb211f1db","Design Tools","design-tools",40,"b40713ef-65e7-4b57-8141-b0eaabca88b3","Artificial Intelligence","artificial-intelligence",43,"c4683ee6-b52f-4c49-b425-b3052bd95430","Automation","automation",47,"80ceaa53-b8b8-49cc-8801-a1fc77783a09","Marketing","marketing",60,"54249f92-b0d9-4d71-9bb6-7af568092c6b","Developer Tools","developer-tools",74,"3daf5a5b-9976-422c-851f-412e7771ebc5","Productivity","productivity",122,"webp","avif","classes",""]

Tailwind CSS

Tailwind CSS embed badge